@charset "UTF-8";

body {
    --semi-transform_scale-none: scale(1,1);
    --semi-transform_scale-small: scale(1,1);
    --semi-transform_scale-medium: scale(1,1);
    --semi-transform_scale-large: scale(1,1);
    --semi-transform-rotate-none: rotate(0deg);
    --semi-transform_rotate-clockwise90deg: rotate(90deg);
    --semi-transform_rotate-clockwise180deg: rotate(180deg);
    --semi-transform_rotate-clockwise270deg: rotate(270deg);
    --semi-transform_rotate-clockwise360deg: rotate(360deg);
    --semi-transform_rotate-anticlockwise90deg: rotate(-90deg);
    --semi-transform_rotate-anticlockwise180deg: rotate(-180deg);
    --semi-transform_rotate-anticlockwise270deg: rotate(-270deg);
    --semi-transform_rotate-anticlockwise360deg: rotate(-360deg);
    --semi-transition_delay-fast: .18s;
    --semi-transition_delay-none: 0ms;
    --semi-transition_delay-slow: 1s;
    --semi-transition_delay-faster: .12s;
    --semi-transition_delay-normal: .6s;
    --semi-transition_delay-slower: 1.2s;
    --semi-transition_delay-fastest: 90ms;
    --semi-transition_delay-slowest: 1.8s;
    --semi-transition_duration-fast: .18s;
    --semi-transition_duration-none: 0ms;
    --semi-transition_duration-slow: 1s;
    --semi-transition_duration-faster: .12s;
    --semi-transition_duration-normal: .6s;
    --semi-transition_duration-slower: 1.2s;
    --semi-transition_duration-fastest: 90ms;
    --semi-transition_duration-slowest: 1.8s;
    --semi-transition_function-easeIn: cubic-bezier(.4, 0, 1, 1);
    --semi-transition_function-linear: linear;
    --semi-transition_function-easeOut: cubic-bezier(0, 0, .2, 1);
    --semi-transition_function-easeInOut: cubic-bezier(.4, 0, .2, 1)
}

    body, body[theme-mode=dark] .semi-always-light {
        --semi-black: 0,0,0;
        --semi-red-0: 255,243,238;
        --semi-red-1: 254,222,211;
        --semi-red-2: 253,187,168;
        --semi-red-3: 253,149,125;
        --semi-red-4: 252,108,82;
        --semi-red-5: 251,65,39;
        --semi-red-6: 215,44,27;
        --semi-red-7: 180,26,17;
        --semi-red-8: 144,12,9;
        --semi-red-9: 108,4,5;
        --semi-white: 255,255,255;
        --semi-blue-0: 235,246,255;
        --semi-blue-1: 205,232,254;
        --semi-blue-2: 155,207,254;
        --semi-blue-3: 106,181,253;
        --semi-blue-4: 56,153,253;
        --semi-blue-5: 7,124,252;
        --semi-blue-6: 0,100,216;
        --semi-blue-7: 0,80,181;
        --semi-blue-8: 0,62,145;
        --semi-blue-9: 0,45,109;
        --semi-cyan-0: 229,247,248;
        --semi-cyan-1: 195,239,241;
        --semi-cyan-2: 141,222,227;
        --semi-cyan-3: 92,204,212;
        --semi-cyan-4: 48,185,198;
        --semi-cyan-5: 10,166,184;
        --semi-cyan-6: 7,136,153;
        --semi-cyan-7: 4,106,123;
        --semi-cyan-8: 2,78,92;
        --semi-cyan-9: 1,51,61;
        --semi-grey-0: 249,249,249;
        --semi-grey-1: 230,232,234;
        --semi-grey-2: 198,202,205;
        --semi-grey-3: 167,171,176;
        --semi-grey-4: 136,141,146;
        --semi-grey-5: 107,112,117;
        --semi-grey-6: 85,91,97;
        --semi-grey-7: 65,70,76;
        --semi-grey-8: 46,50,56;
        --semi-grey-9: 28,31,35;
        --semi-lime-0: 243,251,231;
        --semi-lime-1: 227,246,198;
        --semi-lime-2: 204,237,145;
        --semi-lime-3: 185,229,95;
        --semi-lime-4: 169,220,49;
        --semi-lime-5: 157,211,6;
        --semi-lime-6: 127,176,3;
        --semi-lime-7: 99,141,1;
        --semi-lime-8: 72,105,0;
        --semi-lime-9: 47,70,0;
        --semi-pink-0: 253,237,240;
        --semi-pink-1: 251,208,217;
        --semi-pink-2: 247,163,183;
        --semi-pink-3: 243,120,152;
        --semi-pink-4: 239,77,125;
        --semi-pink-5: 235,36,102;
        --semi-pink-6: 199,25,88;
        --semi-pink-7: 164,15,74;
        --semi-pink-8: 128,8,60;
        --semi-pink-9: 92,3,45;
        --semi-teal-0: 228,247,244;
        --semi-teal-1: 193,240,233;
        --semi-teal-2: 137,225,213;
        --semi-teal-3: 87,209,195;
        --semi-teal-4: 43,194,179;
        --semi-teal-5: 5,179,164;
        --semi-teal-6: 3,149,139;
        --semi-teal-7: 1,119,113;
        --semi-teal-8: 0,90,86;
        --semi-teal-9: 0,60,59;
        --semi-amber-0: 254,252,236;
        --semi-amber-1: 252,246,208;
        --semi-amber-2: 250,234,161;
        --semi-amber-3: 247,220,115;
        --semi-amber-4: 245,203,71;
        --semi-amber-5: 242,183,27;
        --semi-amber-6: 202,143,20;
        --semi-amber-7: 161,106,15;
        --semi-amber-8: 121,74,10;
        --semi-amber-9: 81,45,6;
        --semi-brand-0: 236,246,255;
        --semi-brand-1: 207,233,255;
        --semi-brand-2: 159,209,255;
        --semi-brand-3: 111,183,255;
        --semi-brand-4: 63,156,255;
        --semi-brand-5: 15,127,255;
        --semi-brand-6: 6,102,219;
        --semi-brand-7: 0,80,184;
        --semi-brand-8: 0,62,148;
        --semi-brand-9: 0,45,112;
        --semi-green-0: 236,247,237;
        --semi-green-1: 208,240,210;
        --semi-green-2: 166,225,169;
        --semi-green-3: 127,209,134;
        --semi-green-4: 93,194,102;
        --semi-green-5: 62,179,75;
        --semi-green-6: 50,149,63;
        --semi-green-7: 39,119,51;
        --semi-green-8: 28,90,38;
        --semi-green-9: 18,60,26;
        --semi-indigo-0: 237,239,248;
        --semi-indigo-1: 209,216,241;
        --semi-indigo-2: 167,179,226;
        --semi-indigo-3: 129,144,212;
        --semi-indigo-4: 95,112,197;
        --semi-indigo-5: 64,82,183;
        --semi-indigo-6: 52,67,163;
        --semi-indigo-7: 41,53,142;
        --semi-indigo-8: 32,41,122;
        --semi-indigo-9: 23,30,101;
        --semi-orange-0: 255,249,235;
        --semi-orange-1: 255,239,205;
        --semi-orange-2: 255,220,156;
        --semi-orange-3: 255,197,106;
        --semi-orange-4: 255,171,57;
        --semi-orange-5: 255,142,7;
        --semi-orange-6: 213,107,4;
        --semi-orange-7: 170,76,1;
        --semi-orange-8: 128,50,0;
        --semi-orange-9: 85,29,0;
        --semi-purple-0: 247,234,247;
        --semi-purple-1: 240,204,240;
        --semi-purple-2: 222,157,225;
        --semi-purple-3: 202,115,209;
        --semi-purple-4: 182,77,194;
        --semi-purple-5: 160,44,179;
        --semi-purple-6: 137,34,159;
        --semi-purple-7: 115,26,138;
        --semi-purple-8: 94,18,118;
        --semi-purple-9: 74,12,97;
        --semi-violet-0: 244,237,250;
        --semi-violet-1: 227,211,244;
        --semi-violet-2: 198,169,233;
        --semi-violet-3: 169,131,223;
        --semi-violet-4: 140,95,212;
        --semi-violet-5: 111,63,201;
        --semi-violet-6: 92,51,181;
        --semi-violet-7: 74,41,160;
        --semi-violet-8: 58,31,140;
        --semi-violet-9: 44,23,119;
        --semi-yellow-0: 255,254,235;
        --semi-yellow-1: 254,251,205;
        --semi-yellow-2: 254,244,155;
        --semi-yellow-3: 253,234,106;
        --semi-yellow-4: 253,221,56;
        --semi-yellow-5: 252,204,7;
        --semi-yellow-6: 210,173,4;
        --semi-yellow-7: 168,141,1;
        --semi-yellow-8: 126,108,0;
        --semi-yellow-9: 84,73,0;
        --semi-light-blue-0: 234,248,254;
        --semi-light-blue-1: 203,237,252;
        --semi-light-blue-2: 152,217,249;
        --semi-light-blue-3: 103,197,246;
        --semi-light-blue-4: 54,175,243;
        --semi-light-blue-5: 7,152,240;
        --semi-light-blue-6: 0,124,204;
        --semi-light-blue-7: 0,99,169;
        --semi-light-blue-8: 0,76,133;
        --semi-light-blue-9: 0,54,97;
        --semi-light-green-0: 243,248,237;
        --semi-light-green-1: 228,241,209;
        --semi-light-green-2: 201,227,167;
        --semi-light-green-3: 175,212,129;
        --semi-light-green-4: 150,198,95;
        --semi-light-green-5: 126,184,64;
        --semi-light-green-6: 103,153,52;
        --semi-light-green-7: 80,123,40;
        --semi-light-green-8: 59,92,29;
        --semi-light-green-9: 38,61,19
    }

        body[theme-mode=dark], body .semi-always-dark {
            --semi-black: 0, 0, 0;
            --semi-red-0: 108,4,5;
            --semi-red-1: 144,12,9;
            --semi-red-2: 180,26,17;
            --semi-red-3: 215,44,27;
            --semi-red-4: 251,65,39;
            --semi-red-5: 252,108,82;
            --semi-red-6: 253,149,125;
            --semi-red-7: 253,187,168;
            --semi-red-8: 254,222,211;
            --semi-red-9: 255,243,238;
            --semi-white: 255, 255, 255;
            --semi-blue-0: 0,45,109;
            --semi-blue-1: 0,62,145;
            --semi-blue-2: 0,80,181;
            --semi-blue-3: 0,100,216;
            --semi-blue-4: 7,124,252;
            --semi-blue-5: 56,153,253;
            --semi-blue-6: 106,181,253;
            --semi-blue-7: 155,207,254;
            --semi-blue-8: 205,232,254;
            --semi-blue-9: 235,246,255;
            --semi-cyan-0: 1,51,61;
            --semi-cyan-1: 2,78,92;
            --semi-cyan-2: 4,106,123;
            --semi-cyan-3: 7,136,153;
            --semi-cyan-4: 10,166,184;
            --semi-cyan-5: 48,185,198;
            --semi-cyan-6: 92,204,212;
            --semi-cyan-7: 141,222,227;
            --semi-cyan-8: 195,239,241;
            --semi-cyan-9: 229,247,248;
            --semi-grey-0: 28,31,35;
            --semi-grey-1: 46,50,56;
            --semi-grey-2: 65,70,76;
            --semi-grey-3: 85,91,97;
            --semi-grey-4: 107,112,117;
            --semi-grey-5: 136,141,146;
            --semi-grey-6: 167,171,176;
            --semi-grey-7: 198,202,205;
            --semi-grey-8: 230,232,234;
            --semi-grey-9: 249,249,249;
            --semi-lime-0: 47,70,0;
            --semi-lime-1: 72,105,0;
            --semi-lime-2: 99,141,1;
            --semi-lime-3: 127,176,3;
            --semi-lime-4: 157,211,6;
            --semi-lime-5: 169,220,49;
            --semi-lime-6: 185,229,95;
            --semi-lime-7: 204,237,145;
            --semi-lime-8: 227,246,198;
            --semi-lime-9: 243,251,231;
            --semi-pink-0: 92,3,45;
            --semi-pink-1: 128,8,60;
            --semi-pink-2: 164,15,74;
            --semi-pink-3: 199,25,88;
            --semi-pink-4: 235,36,102;
            --semi-pink-5: 239,77,125;
            --semi-pink-6: 243,120,152;
            --semi-pink-7: 247,163,183;
            --semi-pink-8: 251,208,217;
            --semi-pink-9: 253,237,240;
            --semi-teal-0: 0,60,59;
            --semi-teal-1: 0,90,86;
            --semi-teal-2: 1,119,113;
            --semi-teal-3: 3,149,139;
            --semi-teal-4: 5,179,164;
            --semi-teal-5: 43,194,179;
            --semi-teal-6: 87,209,195;
            --semi-teal-7: 137,225,213;
            --semi-teal-8: 193,240,233;
            --semi-teal-9: 228,247,244;
            --semi-amber-0: 81,45,6;
            --semi-amber-1: 121,74,10;
            --semi-amber-2: 161,106,15;
            --semi-amber-3: 202,143,20;
            --semi-amber-4: 242,183,27;
            --semi-amber-5: 247,208,86;
            --semi-amber-6: 247,220,115;
            --semi-amber-7: 250,234,161;
            --semi-amber-8: 252,246,208;
            --semi-amber-9: 254,252,236;
            --semi-brand-0: 0,45,112;
            --semi-brand-1: 0,62,148;
            --semi-brand-2: 0,80,184;
            --semi-brand-3: 6,102,219;
            --semi-brand-4: 15,127,255;
            --semi-brand-5: 63,156,255;
            --semi-brand-6: 111,183,255;
            --semi-brand-7: 159,209,255;
            --semi-brand-8: 207,233,255;
            --semi-brand-9: 236,246,255;
            --semi-green-0: 18,60,26;
            --semi-green-1: 28,90,38;
            --semi-green-2: 39,119,51;
            --semi-green-3: 50,149,63;
            --semi-green-4: 62,179,75;
            --semi-green-5: 93,194,102;
            --semi-green-6: 127,209,134;
            --semi-green-7: 166,225,169;
            --semi-green-8: 208,240,210;
            --semi-green-9: 236,247,237;
            --semi-indigo-0: 23,30,101;
            --semi-indigo-1: 32,41,122;
            --semi-indigo-2: 41,53,142;
            --semi-indigo-3: 52,67,163;
            --semi-indigo-4: 64,82,183;
            --semi-indigo-5: 95,112,197;
            --semi-indigo-6: 129,144,212;
            --semi-indigo-7: 167,179,226;
            --semi-indigo-8: 209,216,241;
            --semi-indigo-9: 237,239,248;
            --semi-orange-0: 85,29,0;
            --semi-orange-1: 128,50,0;
            --semi-orange-2: 170,76,1;
            --semi-orange-3: 213,107,4;
            --semi-orange-4: 255,142,7;
            --semi-orange-5: 255,171,57;
            --semi-orange-6: 255,197,106;
            --semi-orange-7: 255,220,156;
            --semi-orange-8: 255,239,205;
            --semi-orange-9: 255,249,235;
            --semi-purple-0: 74,12,97;
            --semi-purple-1: 94,18,118;
            --semi-purple-2: 115,26,138;
            --semi-purple-3: 137,34,159;
            --semi-purple-4: 160,44,179;
            --semi-purple-5: 182,77,194;
            --semi-purple-6: 202,115,209;
            --semi-purple-7: 222,157,225;
            --semi-purple-8: 240,204,240;
            --semi-purple-9: 247,234,247;
            --semi-violet-0: 44,23,119;
            --semi-violet-1: 58,31,140;
            --semi-violet-2: 74,41,160;
            --semi-violet-3: 92,51,181;
            --semi-violet-4: 111,63,201;
            --semi-violet-5: 140,95,212;
            --semi-violet-6: 169,131,223;
            --semi-violet-7: 198,169,233;
            --semi-violet-8: 227,211,244;
            --semi-violet-9: 244,237,250;
            --semi-yellow-0: 84,73,0;
            --semi-yellow-1: 126,108,0;
            --semi-yellow-2: 168,141,1;
            --semi-yellow-3: 210,173,4;
            --semi-yellow-4: 252,204,7;
            --semi-yellow-5: 253,221,56;
            --semi-yellow-6: 253,234,106;
            --semi-yellow-7: 254,244,155;
            --semi-yellow-8: 254,251,205;
            --semi-yellow-9: 255,254,235;
            --semi-light-blue-0: 0,54,97;
            --semi-light-blue-1: 0,76,133;
            --semi-light-blue-2: 0,99,169;
            --semi-light-blue-3: 0,124,204;
            --semi-light-blue-4: 7,152,240;
            --semi-light-blue-5: 54,175,243;
            --semi-light-blue-6: 103,197,246;
            --semi-light-blue-7: 152,217,249;
            --semi-light-blue-8: 203,237,252;
            --semi-light-blue-9: 234,248,254;
            --semi-light-green-0: 38,61,19;
            --semi-light-green-1: 59,92,29;
            --semi-light-green-2: 80,123,40;
            --semi-light-green-3: 103,153,52;
            --semi-light-green-4: 126,184,64;
            --semi-light-green-5: 150,198,95;
            --semi-light-green-6: 175,212,129;
            --semi-light-green-7: 201,227,167;
            --semi-light-green-8: 228,241,209;
            --semi-light-green-9: 243,248,237
        }

            body, body[theme-mode=dark] .semi-always-light {
                --semi-color-bg-0: rgba(var(--semi-white), 1);
                --semi-color-bg-1: rgba(var(--semi-white), 1);
                --semi-color-bg-2: rgba(var(--semi-white), 1);
                --semi-color-bg-3: rgba(var(--semi-white), 1);
                --semi-color-bg-4: rgba(var(--semi-white), 1);
                --semi-color-info: rgba(var(--semi-blue-5), 1);
                --semi-color-link: rgba(var(--semi-blue-5), 1);
                --semi-color-nav-bg: rgba(var(--semi-white), 1);
                --semi-color-black: rgba(var(--semi-black), 1);
                --semi-color-data-0: rgba(87, 105, 255, 1);
                --semi-color-data-1: rgba(142, 212, 231, 1);
                --semi-color-data-2: rgba(245, 135, 0, 1);
                --semi-color-data-3: rgba(220, 183, 252, 1);
                --semi-color-data-4: rgba(74, 156, 247, 1);
                --semi-color-data-5: rgba(243, 204, 53, 1);
                --semi-color-data-6: rgba(254, 128, 144, 1);
                --semi-color-data-7: rgba(139, 215, 210, 1);
                --semi-color-data-8: rgba(131, 176, 35, 1);
                --semi-color-data-9: rgba(233, 165, 229, 1);
                --semi-color-fill-0: rgba(var(--semi-grey-8), .05);
                --semi-color-fill-1: rgba(var(--semi-grey-8), .09);
                --semi-color-fill-2: rgba(var(--semi-grey-8), .13);
                --semi-color-text-0: rgba(var(--semi-grey-9), 1);
                --semi-color-text-1: rgba(var(--semi-grey-9), .8);
                --semi-color-text-2: rgba(var(--semi-grey-9), .6);
                --semi-color-text-3: rgba(var(--semi-grey-9), .35);
                --semi-color-white: rgba(var(--semi-white), 1);
                --semi-color-data-10: rgba(48, 167, 206, 1);
                --semi-color-data-11: rgba(249, 192, 100, 1);
                --semi-color-data-12: rgba(177, 113, 249, 1);
                --semi-color-data-13: rgba(119, 182, 249, 1);
                --semi-color-data-14: rgba(200, 143, 2, 1);
                --semi-color-data-15: rgba(255, 170, 178, 1);
                --semi-color-data-16: rgba(51, 176, 171, 1);
                --semi-color-data-17: rgba(182, 215, 129, 1);
                --semi-color-data-18: rgba(212, 88, 212, 1);
                --semi-color-data-19: rgba(188, 198, 255, 1);
                --semi-color-border: rgba(var(--semi-grey-9), .08);
                --semi-color-danger: rgba(var(--semi-red-5), 1);
                --semi-color-shadow: rgba(var(--semi-black), .04);
                --semi-color-default: rgba(var(--semi-grey-0), 1);
                --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
                --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
                --semi-color-primary: rgba(var(--semi-brand-5),1);
                --semi-color-success: rgba(var(--semi-green-5), 1);
                --semi-color-warning: rgba(var(--semi-orange-5), 1);
                --semi-color-info-active: rgba(var(--semi-blue-7), 1);
                --semi-color-link-active: rgba(var(--semi-blue-7), 1);
                --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
                --semi-color-tertiary: rgba(var(--semi-grey-5), 1);
                --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
                --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
                --semi-color-overlay-bg: rgba(22, 22, 26, .6);
                --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
                --semi-color-highlight: rgba(var(--semi-black), 1);
                --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
                --semi-color-danger-active: rgba(var(--semi-red-7), 1);
                --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
                --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
                --semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
                --semi-color-success-hover: rgba(var(--semi-green-6), 1);
                --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
                --semi-color-default-active: rgba(var(--semi-grey-2), 1);
                --semi-color-disabled-fill: rgba(var(--semi-grey-8), .04);
                --semi-color-disabled-text: rgba(var(--semi-grey-9), .35);
                --semi-color-highlight-bg: rgba(var(--semi-yellow-4), 1);
                --semi-color-primary-active: rgba(var(--semi-brand-7), 1);
                --semi-color-success-active: rgba(var(--semi-green-7), 1);
                --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
                --semi-color-tertiary-hover: rgba(var(--semi-grey-6), 1);
                --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
                --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
                --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
                --semi-color-tertiary-active: rgba(var(--semi-grey-7), 1);
                --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
                --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
                --semi-color-info-light-hover: rgba(var(--semi-blue-1), 1);
                --semi-color-info-light-active: rgba(var(--semi-blue-2), 1);
                --semi-color-secondary-disabled: rgba(var(--semi-light-blue-2), 1);
                --semi-color-info-light-default: rgba(var(--semi-blue-0), 1);
                --semi-color-danger-light-hover: rgba(var(--semi-red-1), 1);
                --semi-color-danger-light-active: rgba(var(--semi-red-2), 1);
                --semi-color-danger-light-default: rgba(var(--semi-red-0), 1);
                --semi-color-primary-light-hover: rgba(var(--semi-brand-1), 1);
                --semi-color-success-light-hover: rgba(var(--semi-green-1), 1);
                --semi-color-warning-light-hover: rgba(var(--semi-orange-1), 1);
                --semi-color-primary-light-active: rgba(var(--semi-brand-2), 1);
                --semi-color-success-light-active: rgba(var(--semi-green-2), 1);
                --semi-color-warning-light-active: rgba(var(--semi-orange-2), 1);
                --semi-color-primary-light-default: rgba(var(--semi-brand-0), 1);
                --semi-color-success-light-default: rgba(var(--semi-green-0), 1);
                --semi-color-tertiary-light-hover: rgba(var(--semi-grey-1), 1);
                --semi-color-warning-light-default: rgba(var(--semi-orange-0), 1);
                --semi-color-tertiary-light-active: rgba(var(--semi-grey-2), 1);
                --semi-color-secondary-light-hover: rgba(var(--semi-blue-1), 1);
                --semi-color-tertiary-light-default: rgba(var(--semi-grey-0), 1);
                --semi-color-secondary-light-active: rgba(var(--semi-blue-2), 1);
                --semi-color-secondary-light-default: rgba(var(--semi-light-blue-0), 1);
                font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
                -webkit-font-smoothing: antialiased;
                --semi-shadow-elevated: 0px 0px 1px 0px rgba(0,0,0,.3), 0px 4px 14px 0px rgba(0,0,0,.1);
                --semi-shadow-0: none;
                --semi-shadow-1: none;
                --semi-shadow-2: 0px 2px 4px 0px rgba(0,0,0,.14), 0px 0px 1px 0px rgba(0,0,0,.16);
                --semi-shadow-knob: 0px 4px 6px 0px rgba(0,0,0,.1), 0px 0px 1px 0px rgba(0,0,0,.3);
                --semi-border-radius-full: 9999px;
                --semi-border-radius-large: 16px;
                --semi-border-radius-small: 6px;
                --semi-border-radius-circle: 50%;
                --semi-border-radius-medium: 10px;
                --semi-border-radius-extra-small: 4px
            }

                body[theme-mode=dark], body .semi-always-dark {
                    --semi-color-bg-0: rgba(22, 22, 26, 1);
                    --semi-color-bg-1: rgba(35, 36, 41, 1);
                    --semi-color-bg-2: rgba(53, 54, 60, 1);
                    --semi-color-bg-3: rgba(67, 68, 74, 1);
                    --semi-color-bg-4: rgba(79, 81, 89, 1);
                    --semi-color-info: rgba(var(--semi-blue-5), 1);
                    --semi-color-link: rgba(var(--semi-blue-5), 1);
                    --semi-color-nav-bg: rgba(35, 36, 41, 1);
                    --semi-color-black: rgba(var(--semi-black), 1);
                    --semi-color-data-0: rgba(94, 109, 194, 1);
                    --semi-color-data-1: rgba(8, 104, 120, 1);
                    --semi-color-data-2: rgba(250, 173, 63, 1);
                    --semi-color-data-3: rgba(76, 43, 156, 1);
                    --semi-color-data-4: rgba(16, 125, 248, 1);
                    --semi-color-data-5: rgba(248, 202, 16, 1);
                    --semi-color-data-6: rgba(195, 30, 87, 1);
                    --semi-color-data-7: rgba(5, 119, 115, 1);
                    --semi-color-data-8: rgba(154, 207, 13, 1);
                    --semi-color-data-9: rgba(117, 29, 138, 1);
                    --semi-color-fill-0: rgba(var(--semi-white), .05);
                    --semi-color-fill-1: rgba(var(--semi-white), .09);
                    --semi-color-fill-2: rgba(var(--semi-white), .13);
                    --semi-color-text-0: rgba(var(--semi-grey-9), 1);
                    --semi-color-text-1: rgba(var(--semi-grey-9), .8);
                    --semi-color-text-2: rgba(var(--semi-grey-9), .6);
                    --semi-color-text-3: rgba(var(--semi-grey-9), .35);
                    --semi-color-white: rgba(228, 231, 245, 1);
                    --semi-color-data-10: rgba(16, 162, 180, 1);
                    --semi-color-data-11: rgba(208, 110, 11, 1);
                    --semi-color-data-12: rgba(113, 66, 197, 1);
                    --semi-color-data-13: rgba(7, 100, 212, 1);
                    --semi-color-data-14: rgba(251, 232, 110, 1);
                    --semi-color-data-15: rgba(160, 19, 73, 1);
                    --semi-color-data-16: rgba(11, 179, 167, 1);
                    --semi-color-data-17: rgba(98, 138, 6, 1);
                    --semi-color-data-18: rgba(162, 48, 179, 1);
                    --semi-color-data-19: rgba(40, 51, 138, 1);
                    --semi-color-border: rgba(var(--semi-white), .08);
                    --semi-color-danger: rgba(var(--semi-red-5), 1);
                    --semi-color-shadow: rgba(var(--semi-black), .04);
                    --semi-color-default: rgba(var(--semi-grey-0), 1);
                    --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
                    --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
                    --semi-color-primary: rgba(var(--semi-brand-5), 1);
                    --semi-color-success: rgba(var(--semi-green-5), 1);
                    --semi-color-warning: rgba(var(--semi-orange-5), 1);
                    --semi-color-info-active: rgba(var(--semi-blue-7), 1);
                    --semi-color-link-active: rgba(var(--semi-blue-7), 1);
                    --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
                    --semi-color-tertiary: rgba(var(--semi-grey-5), 1);
                    --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
                    --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
                    --semi-color-overlay-bg: rgba(22, 22, 26, .6);
                    --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
                    --semi-color-highlight: rgba(var(--semi-white), 1);
                    --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
                    --semi-color-danger-active: rgba(var(--semi-red-7), 1);
                    --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
                    --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
                    --semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
                    --semi-color-success-hover: rgba(var(--semi-green-6), 1);
                    --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
                    --semi-color-default-active: rgba(var(--semi-grey-2), 1);
                    --semi-color-disabled-fill: rgba(var(--semi-grey-8), .04);
                    --semi-color-disabled-text: rgba(var(--semi-grey-9), .35);
                    --semi-color-highlight-bg: rgba(var(--semi-yellow-2), 1);
                    --semi-color-primary-active: rgba(var(--semi-brand-7), 1);
                    --semi-color-success-active: rgba(var(--semi-green-7), 1);
                    --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
                    --semi-color-tertiary-hover: rgba(var(--semi-grey-6), 1);
                    --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
                    --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
                    --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
                    --semi-color-tertiary-active: rgba(var(--semi-grey-7), 1);
                    --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
                    --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
                    --semi-color-info-light-hover: rgba(var(--semi-blue-5), .3);
                    --semi-color-info-light-active: rgba(var(--semi-blue-5), .4);
                    --semi-color-secondary-disabled: rgba(var(--semi-light-blue-2), 1);
                    --semi-color-info-light-default: rgba(var(--semi-blue-5), .2);
                    --semi-color-danger-light-hover: rgba(var(--semi-red-5), .3);
                    --semi-color-danger-light-active: rgba(var(--semi-red-5), .4);
                    --semi-color-danger-light-default: rgba(var(--semi-red-5), .2);
                    --semi-color-primary-light-hover: rgba(var(--semi-brand-5), .3);
                    --semi-color-success-light-hover: rgba(var(--semi-green-5), .3);
                    --semi-color-warning-light-hover: rgba(var(--semi-orange-5), .3);
                    --semi-color-primary-light-active: rgba(var(--semi-brand-5), .4);
                    --semi-color-success-light-active: rgba(var(--semi-green-5), .4);
                    --semi-color-warning-light-active: rgba(var(--semi-orange-5), .4);
                    --semi-color-primary-light-default: rgba(var(--semi-brand-5), .2);
                    --semi-color-success-light-default: rgba(var(--semi-green-5), .2);
                    --semi-color-tertiary-light-hover: rgba(var(--semi-grey-5), .3);
                    --semi-color-warning-light-default: rgba(var(--semi-orange-5), .2);
                    --semi-color-tertiary-light-active: rgba(var(--semi-grey-5), .4);
                    --semi-color-secondary-light-hover: rgba(var(--semi-light-blue-5), .3);
                    --semi-color-tertiary-light-default: rgba(var(--semi-grey-5), .2);
                    --semi-color-secondary-light-active: rgba(var(--semi-light-blue-5), .4);
                    --semi-color-secondary-light-default: rgba(var(--semi-light-blue-5), .2);
                    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
                    -webkit-font-smoothing: antialiased;
                    --semi-shadow-elevated: 0px 0px 1px 0px rgba(0,0,0,.3), 0px 4px 14px 0px rgba(0,0,0,.1);
                    --semi-shadow-0: none;
                    --semi-shadow-1: none;
                    --semi-shadow-2: 0px 2px 4px 0px rgba(0,0,0,.14), 0px 0px 1px 0px rgba(0,0,0,.16);
                    --semi-shadow-knob: 0px 4px 6px 0px rgba(0,0,0,.1), 0px 0px 1px 0px rgba(0,0,0,.3);
                    --semi-border-radius-full: 9999px;
                    --semi-border-radius-large: 16px;
                    --semi-border-radius-small: 6px;
                    --semi-border-radius-circle: 50%;
                    --semi-border-radius-medium: 10px;
                    --semi-border-radius-extra-small: 4px
                }

.semi-light-scrollbar::-webkit-scrollbar, .semi-light-scrollbar *::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.semi-light-scrollbar::-webkit-scrollbar-track, .semi-light-scrollbar *::-webkit-scrollbar-track {
    background: #0000
}

.semi-light-scrollbar::-webkit-scrollbar-corner, .semi-light-scrollbar *::-webkit-scrollbar-corner {
    background-color: #0000
}

.semi-light-scrollbar::-webkit-scrollbar-thumb, .semi-light-scrollbar *::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background: transparent;
    transition: all 1s
}

.semi-light-scrollbar:hover::-webkit-scrollbar-thumb, .semi-light-scrollbar *:hover::-webkit-scrollbar-thumb {
    background: var(--semi-color-fill-2)
}

.semi-light-scrollbar::-webkit-scrollbar-thumb:hover, .semi-light-scrollbar *::-webkit-scrollbar-thumb:hover {
    background: var(--semi-color-fill-1)
}

.semi-typography {
    color: var(--semi-color-text-0);
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px
}

    .semi-typography.semi-typography-secondary {
        color: var(--semi-color-text-1)
    }

    .semi-typography.semi-typography-tertiary {
        color: var(--semi-color-text-2)
    }

    .semi-typography.semi-typography-quaternary {
        color: var(--semi-color-text-3)
    }

    .semi-typography.semi-typography-warning {
        color: var(--semi-color-warning)
    }

    .semi-typography.semi-typography-success {
        color: var(--semi-color-success)
    }

    .semi-typography.semi-typography-danger {
        color: var(--semi-color-danger)
    }

    .semi-typography.semi-typography-link {
        color: var(--semi-color-link);
        font-weight: 600
    }

    .semi-typography.semi-typography-disabled {
        color: var(--semi-color-disabled-text);
        cursor: not-allowed;
        -webkit-user-select: none;
        user-select: none
    }

        .semi-typography.semi-typography-disabled.semi-typography-link {
            color: var(--semi-color-link)
        }

.semi-typography-icon {
    margin-right: 4px;
    vertical-align: middle;
    color: inherit
}

.semi-typography-small {
    font-size: 12px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 16px;
    font-weight: 400
}

    .semi-typography-small.semi-typography-paragraph {
        font-weight: 400
    }

.semi-typography code {
    border: 1px solid var(--semi-color-border);
    border-radius: 2px;
    color: var(--semi-color-text-2);
    background-color: var(--semi-color-fill-1);
    padding: 2px 4px
}

.semi-typography mark {
    background-color: var(--semi-color-primary-light-default)
}

.semi-typography u {
    text-decoration: underline;
    text-decoration-skip-ink: auto
}

.semi-typography del {
    text-decoration: line-through
}

.semi-typography strong {
    font-weight: 600
}

.semi-typography a {
    display: inline;
    color: var(--semi-color-link);
    cursor: pointer;
    text-decoration: none
}

    .semi-typography a:visited {
        color: var(--semi-color-link-visited)
    }

    .semi-typography a:hover {
        color: var(--semi-color-link-hover)
    }

    .semi-typography a:active {
        color: var(--semi-color-link-active)
    }

    .semi-typography a .semi-typography-link-underline:hover {
        border-bottom: 1px solid var(--semi-color-link-hover);
        margin-bottom: -1px
    }

    .semi-typography a .semi-typography-link-underline:active {
        border-bottom: 1px solid var(--semi-color-link-active);
        margin-bottom: -1px
    }

.semi-typography-ellipsis-single-line {
    overflow: hidden
}

.semi-typography-ellipsis-multiple-line {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

    .semi-typography-ellipsis-multiple-line.semi-typography-ellipsis-multiple-line-text {
        display: -webkit-inline-box
    }

.semi-typography-ellipsis-overflow-ellipsis {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis
}

    .semi-typography-ellipsis-overflow-ellipsis.semi-typography-ellipsis-overflow-ellipsis-text {
        display: inline-block;
        max-width: 100%;
        vertical-align: top
    }

.semi-typography-ellipsis-expand {
    display: inline;
    margin-left: 8px
}

.semi-typography-action-copy {
    display: inline-flex;
    vertical-align: middle;
    padding: 0;
    margin-left: 4px
}

.semi-typography a.semi-typography-action-copy-icon {
    display: inline-flex
}

.semi-typography-action-copied {
    display: inline-flex;
    padding: 0;
    margin-left: 4px;
    color: var(--semi-color-text-2)
}

    .semi-typography-action-copied .semi-icon {
        vertical-align: middle;
        color: var(--semi-color-success)
    }

.semi-typography-paragraph {
    margin: 0
}

h1.semi-typography, .semi-typography-h1.semi-typography {
    font-size: 32px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 44px;
    font-weight: 600;
    margin: 0
}

    h1.semi-typography.semi-typography-h1-weight-light, .semi-typography-h1.semi-typography.semi-typography-h1-weight-light {
        font-weight: 200
    }

    h1.semi-typography.semi-typography-h1-weight-regular, .semi-typography-h1.semi-typography.semi-typography-h1-weight-regular {
        font-weight: 400
    }

    h1.semi-typography.semi-typography-h1-weight-medium, .semi-typography-h1.semi-typography.semi-typography-h1-weight-medium {
        font-weight: 500
    }

    h1.semi-typography.semi-typography-h1-weight-semibold, .semi-typography-h1.semi-typography.semi-typography-h1-weight-semibold {
        font-weight: 600
    }

    h1.semi-typography.semi-typography-h1-weight-bold, .semi-typography-h1.semi-typography.semi-typography-h1-weight-bold {
        font-weight: 700
    }

h2.semi-typography, .semi-typography-h2.semi-typography {
    font-size: 28px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 40px;
    font-weight: 600;
    margin: 0
}

    h2.semi-typography.semi-typography-h2-weight-light, .semi-typography-h2.semi-typography.semi-typography-h2-weight-light {
        font-weight: 200
    }

    h2.semi-typography.semi-typography-h2-weight-regular, .semi-typography-h2.semi-typography.semi-typography-h2-weight-regular {
        font-weight: 400
    }

    h2.semi-typography.semi-typography-h2-weight-medium, .semi-typography-h2.semi-typography.semi-typography-h2-weight-medium {
        font-weight: 500
    }

    h2.semi-typography.semi-typography-h2-weight-semibold, .semi-typography-h2.semi-typography.semi-typography-h2-weight-semibold {
        font-weight: 600
    }

    h2.semi-typography.semi-typography-h2-weight-bold, .semi-typography-h2.semi-typography.semi-typography-h2-weight-bold {
        font-weight: 700
    }

h3.semi-typography, .semi-typography-h3.semi-typography {
    font-size: 24px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 32px;
    font-weight: 600;
    margin: 0
}

    h3.semi-typography.semi-typography-h3-weight-light, .semi-typography-h3.semi-typography.semi-typography-h3-weight-light {
        font-weight: 200
    }

    h3.semi-typography.semi-typography-h3-weight-regular, .semi-typography-h3.semi-typography.semi-typography-h3-weight-regular {
        font-weight: 400
    }

    h3.semi-typography.semi-typography-h3-weight-medium, .semi-typography-h3.semi-typography.semi-typography-h3-weight-medium {
        font-weight: 500
    }

    h3.semi-typography.semi-typography-h3-weight-semibold, .semi-typography-h3.semi-typography.semi-typography-h3-weight-semibold {
        font-weight: 600
    }

    h3.semi-typography.semi-typography-h3-weight-bold, .semi-typography-h3.semi-typography.semi-typography-h3-weight-bold {
        font-weight: 700
    }

h4.semi-typography, .semi-typography-h4.semi-typography {
    font-size: 20px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 28px;
    font-weight: 600;
    margin: 0
}

    h4.semi-typography.semi-typography-h4-weight-light, .semi-typography-h4.semi-typography.semi-typography-h4-weight-light {
        font-weight: 200
    }

    h4.semi-typography.semi-typography-h4-weight-regular, .semi-typography-h4.semi-typography.semi-typography-h4-weight-regular {
        font-weight: 400
    }

    h4.semi-typography.semi-typography-h4-weight-medium, .semi-typography-h4.semi-typography.semi-typography-h4-weight-medium {
        font-weight: 500
    }

    h4.semi-typography.semi-typography-h4-weight-semibold, .semi-typography-h4.semi-typography.semi-typography-h4-weight-semibold {
        font-weight: 600
    }

    h4.semi-typography.semi-typography-h4-weight-bold, .semi-typography-h4.semi-typography.semi-typography-h4-weight-bold {
        font-weight: 700
    }

h5.semi-typography, .semi-typography-h5.semi-typography {
    font-size: 16px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 24px;
    font-weight: 600;
    margin: 0
}

    h5.semi-typography.semi-typography-h5-weight-light, .semi-typography-h5.semi-typography.semi-typography-h5-weight-light {
        font-weight: 200
    }

    h5.semi-typography.semi-typography-h5-weight-regular, .semi-typography-h5.semi-typography.semi-typography-h5-weight-regular {
        font-weight: 400
    }

    h5.semi-typography.semi-typography-h5-weight-medium, .semi-typography-h5.semi-typography.semi-typography-h5-weight-medium {
        font-weight: 500
    }

    h5.semi-typography.semi-typography-h5-weight-semibold, .semi-typography-h5.semi-typography.semi-typography-h5-weight-semibold {
        font-weight: 600
    }

    h5.semi-typography.semi-typography-h5-weight-bold, .semi-typography-h5.semi-typography.semi-typography-h5-weight-bold {
        font-weight: 700
    }

h6.semi-typography, .semi-typography-h6.semi-typography {
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 22px;
    font-weight: 600;
    margin: 0
}

    h6.semi-typography.semi-typography-h6-weight-light, .semi-typography-h6.semi-typography.semi-typography-h6-weight-light {
        font-weight: 200
    }

    h6.semi-typography.semi-typography-h6-weight-regular, .semi-typography-h6.semi-typography.semi-typography-h6-weight-regular {
        font-weight: 400
    }

    h6.semi-typography.semi-typography-h6-weight-medium, .semi-typography-h6.semi-typography.semi-typography-h6-weight-medium {
        font-weight: 500
    }

    h6.semi-typography.semi-typography-h6-weight-semibold, .semi-typography-h6.semi-typography.semi-typography-h6-weight-semibold {
        font-weight: 600
    }

    h6.semi-typography.semi-typography-h6-weight-bold, .semi-typography-h6.semi-typography.semi-typography-h6-weight-bold {
        font-weight: 700
    }

p.semi-typography-extended, .semi-typography-paragraph.semi-typography-extended {
    line-height: 24px;
    font-weight: 400
}

.semi-rtl .semi-typography, .semi-portal-rtl .semi-typography {
    direction: rtl
}

    .semi-rtl .semi-typography-link a, .semi-rtl .semi-typography a, .semi-portal-rtl .semi-typography-link a, .semi-portal-rtl .semi-typography a {
        display: inline-block
    }

.semi-rtl .semi-typography-icon, .semi-portal-rtl .semi-typography-icon {
    margin-right: auto;
    margin-left: 4px
}

.semi-rtl .semi-typography-ellipsis-expand, .semi-portal-rtl .semi-typography-ellipsis-expand {
    margin-left: auto
}

.semi-rtl .semi-typography-action-copy, .semi-portal-rtl .semi-typography-action-copy, .semi-rtl .semi-typography-action-copied, .semi-portal-rtl .semi-typography-action-copied {
    margin-left: auto;
    margin-right: 4px
}

@keyframes semi-tooltip-zoomIn {
    0% {
        opacity: 0;
        transform: scale(.8)
    }

    50% {
        opacity: 1
    }
}

@keyframes semi-tooltip-bounceIn {
    0% {
        opacity: 0;
        transform: scale(.6)
    }

    70% {
        opacity: 1;
        transform: scale(1.01)
    }

    to {
        opacity: 1;
        transform: scale(1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }
}

@keyframes semi-tooltip-zoomOut {
    0% {
        opacity: 1
    }

    60% {
        opacity: 0;
        transform: scale(.8)
    }

    to {
        opacity: 0
    }
}

.semi-tooltip-wrapper {
    position: relative;
    background-color: rgba(var(--semi-grey-7),1);
    color: var(--semi-color-bg-0);
    border-radius: 8px;
    padding: 6px 10px;
    left: 0;
    top: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    opacity: 0;
    max-width: 240px
}

.semi-tooltip-wrapper-show {
    opacity: 1
}

.semi-tooltip-content {
    min-width: 0
}

.semi-tooltip-trigger {
    display: inline-block;
    width: auto;
    height: auto
}

.semi-tooltip-with-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box
}

.semi-tooltip-animation-show {
    animation: semi-tooltip-zoomIn .1s cubic-bezier(.215,.61,.355,1);
    animation-fill-mode: forwards
}

.semi-tooltip-animation-hide {
    animation: semi-tooltip-zoomOut .1s cubic-bezier(.215,.61,.355,1);
    animation-fill-mode: forwards
}

.semi-tooltip-wrapper .semi-tooltip-icon-arrow {
    height: 7px;
    width: 24px;
    position: absolute;
    color: rgba(var(--semi-grey-7),1)
}

.semi-tooltip-wrapper[x-placement=top] .semi-tooltip-icon-arrow {
    left: 50%;
    transform: translate(-50%);
    bottom: -6px
}

.semi-tooltip-wrapper[x-placement=top].semi-tooltip-with-arrow, .semi-tooltip-wrapper[x-placement=top] .semi-tooltip-with-arrow {
    min-width: 36px
}

.semi-tooltip-wrapper[x-placement=topLeft] .semi-tooltip-icon-arrow {
    bottom: -6px;
    left: 6px
}

.semi-tooltip-wrapper[x-placement=topLeft].semi-tooltip-with-arrow, .semi-tooltip-wrapper[x-placement=topLeft] .semi-tooltip-with-arrow {
    min-width: 36px
}

.semi-tooltip-wrapper[x-placement=topRight] .semi-tooltip-icon-arrow {
    bottom: -6px;
    right: 6px
}

.semi-tooltip-wrapper[x-placement=topRight].semi-tooltip-with-arrow, .semi-tooltip-wrapper[x-placement=topRight] .semi-tooltip-with-arrow {
    min-width: 36px
}

.semi-tooltip-wrapper[x-placement=leftTop] .semi-tooltip-icon-arrow {
    width: 7px;
    height: 24px;
    right: -6px;
    top: 5px
}

.semi-tooltip-wrapper[x-placement=leftTop].semi-tooltip-with-arrow, .semi-tooltip-wrapper[x-placement=leftTop] .semi-tooltip-with-arrow {
    min-height: 34px
}

.semi-tooltip-wrapper[x-placement=left] .semi-tooltip-icon-arrow {
    width: 7px;
    height: 24px;
    right: -6px;
    top: 50%;
    transform: translateY(-50%)
}

.semi-tooltip-wrapper[x-placement=left].semi-tooltip-with-arrow, .semi-tooltip-wrapper[x-placement=left] .semi-tooltip-with-arrow {
    min-height: 34px
}

.semi-tooltip-wrapper[x-placement=leftBottom] .semi-tooltip-icon-arrow {
    width: 7px;
    height: 24px;
    right: -6px;
    bottom: 5px
}

.semi-tooltip-wrapper[x-placement=leftBottom].semi-tooltip-with-arrow, .semi-tooltip-wrapper[x-placement=leftBottom] .semi-tooltip-with-arrow {
    min-height: 34px
}

.semi-tooltip-wrapper[x-placement=rightTop] .semi-tooltip-icon-arrow {
    width: 7px;
    height: 24px;
    left: -6px;
    top: 5px;
    transform: rotate(180deg)
}

.semi-tooltip-wrapper[x-placement=rightTop].semi-tooltip-with-arrow, .semi-tooltip-wrapper[x-placement=rightTop] .semi-tooltip-with-arrow {
    min-height: 34px
}

.semi-tooltip-wrapper[x-placement=right] .semi-tooltip-icon-arrow {
    width: 7px;
    height: 24px;
    left: -6px;
    top: 50%;
    transform: translateY(-50%) rotate(180deg)
}

.semi-tooltip-wrapper[x-placement=right].semi-tooltip-with-arrow, .semi-tooltip-wrapper[x-placement=right] .semi-tooltip-with-arrow {
    min-height: 34px
}

.semi-tooltip-wrapper[x-placement=rightBottom] .semi-tooltip-icon-arrow {
    width: 7px;
    height: 24px;
    left: -6px;
    bottom: 5px;
    transform: rotate(180deg)
}

.semi-tooltip-wrapper[x-placement=rightBottom].semi-tooltip-with-arrow, .semi-tooltip-wrapper[x-placement=rightBottom] .semi-tooltip-with-arrow {
    min-height: 34px
}

.semi-tooltip-wrapper[x-placement=bottomLeft] .semi-tooltip-icon-arrow {
    top: -6px;
    left: 6px;
    transform: rotate(180deg)
}

.semi-tooltip-wrapper[x-placement=bottomLeft].semi-tooltip-with-arrow, .semi-tooltip-wrapper[x-placement=bottomLeft] .semi-tooltip-with-arrow {
    min-width: 36px
}

.semi-tooltip-wrapper[x-placement=bottom] .semi-tooltip-icon-arrow {
    top: -6px;
    left: 50%;
    transform: translate(-50%) rotate(180deg)
}

.semi-tooltip-wrapper[x-placement=bottom].semi-tooltip-with-arrow, .semi-tooltip-wrapper[x-placement=bottom] .semi-tooltip-with-arrow {
    min-width: 36px
}

.semi-tooltip-wrapper[x-placement=bottomRight] .semi-tooltip-icon-arrow {
    right: 6px;
    top: -6px;
    transform: rotate(180deg)
}

.semi-tooltip-wrapper[x-placement=bottomRight].semi-tooltip-with-arrow, .semi-tooltip-wrapper[x-placement=bottomRight] .semi-tooltip-with-arrow {
    min-width: 36px
}

.semi-rtl .semi-tooltip-wrapper, .semi-portal-rtl .semi-tooltip-wrapper {
    direction: rtl;
    padding-right: 10px;
    padding-left: 10px;
    left: auto;
    right: 0
}

.semi-portal {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1
}

.semi-portal-inner {
    position: absolute;
    background-color: transparent;
    min-width: max-content
}

.semi-icon {
    display: inline-block;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-transform: none;
    text-rendering: optimizeLegibility;
    fill: currentColor
}

.semi-icon-extra-small {
    font-size: 8px
}

.semi-icon-small {
    font-size: 12px
}

.semi-icon-default {
    font-size: 16px
}

.semi-icon-large {
    font-size: 20px
}

.semi-icon-extra-large {
    font-size: 24px
}

.semi-icon-spinning {
    animation: .6s linear infinite semi-icon-animation-rotate;
    animation-fill-mode: forwards
}

@keyframes semi-icon-animation-rotate {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes semi-popover-zoomIn {
    0% {
        opacity: 0;
        transform: scale(.8)
    }

    50% {
        opacity: 1
    }
}

@keyframes semi-popover-zoomOut {
    0% {
        opacity: 1
    }

    60% {
        opacity: 0;
        transform: scale(.8)
    }

    to {
        opacity: 0
    }
}

.semi-popover-wrapper {
    position: relative;
    background-color: var(--semi-color-bg-3);
    box-shadow: 0 0 1px #0000004d,0 4px 14px #0000001a;
    z-index: 1030;
    border-radius: 8px;
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    opacity: 0
}

.semi-popover-wrapper-show {
    opacity: 1
}

.semi-popover-trigger {
    display: inline-block;
    width: auto;
    height: auto
}

.semi-popover-title {
    padding: 8px;
    border-bottom: 1px solid var(--semi-color-border)
}

.semi-popover-confirm {
    position: absolute
}

.semi-popover-with-arrow {
    padding: 12px;
    box-sizing: border-box
}

.semi-popover-animation-show {
    animation: semi-popover-zoomIn .1s cubic-bezier(.215,.61,.355,1);
    animation-fill-mode: forwards
}

.semi-popover-animation-hide {
    animation: semi-popover-zoomOut .1s cubic-bezier(.215,.61,.355,1);
    animation-fill-mode: forwards
}

.semi-popover-wrapper .semi-popover-icon-arrow {
    height: 8px;
    width: 24px;
    position: absolute;
    color: unset
}

.semi-popover-wrapper[x-placement=top] .semi-popover-icon-arrow {
    left: 50%;
    transform: translate(-50%);
    bottom: -7px
}

.semi-popover-wrapper[x-placement=top].semi-popover-with-arrow, .semi-popover-wrapper[x-placement=top] .semi-popover-with-arrow {
    min-width: 36px
}

.semi-popover-wrapper[x-placement=topLeft] .semi-popover-icon-arrow {
    bottom: -7px;
    left: 6px
}

.semi-popover-wrapper[x-placement=topLeft].semi-popover-with-arrow, .semi-popover-wrapper[x-placement=topLeft] .semi-popover-with-arrow {
    min-width: 36px
}

.semi-popover-wrapper[x-placement=topRight] .semi-popover-icon-arrow {
    bottom: -7px;
    right: 6px
}

.semi-popover-wrapper[x-placement=topRight].semi-popover-with-arrow, .semi-popover-wrapper[x-placement=topRight] .semi-popover-with-arrow {
    min-width: 36px
}

.semi-popover-wrapper[x-placement=leftTop] .semi-popover-icon-arrow {
    width: 8px;
    height: 24px;
    right: -7px;
    top: 6px
}

.semi-popover-wrapper[x-placement=leftTop].semi-popover-with-arrow, .semi-popover-wrapper[x-placement=leftTop] .semi-popover-with-arrow {
    min-height: 36px
}

.semi-popover-wrapper[x-placement=left] .semi-popover-icon-arrow {
    width: 8px;
    height: 24px;
    right: -7px;
    top: 50%;
    transform: translateY(-50%)
}

.semi-popover-wrapper[x-placement=left].semi-popover-with-arrow, .semi-popover-wrapper[x-placement=left] .semi-popover-with-arrow {
    min-height: 36px
}

.semi-popover-wrapper[x-placement=leftBottom] .semi-popover-icon-arrow {
    width: 8px;
    height: 24px;
    right: -7px;
    bottom: 6px
}

.semi-popover-wrapper[x-placement=leftBottom].semi-popover-with-arrow, .semi-popover-wrapper[x-placement=leftBottom] .semi-popover-with-arrow {
    min-height: 36px
}

.semi-popover-wrapper[x-placement=rightTop] .semi-popover-icon-arrow {
    width: 8px;
    height: 24px;
    left: -7px;
    top: 6px;
    transform: rotate(180deg)
}

.semi-popover-wrapper[x-placement=rightTop].semi-popover-with-arrow, .semi-popover-wrapper[x-placement=rightTop] .semi-popover-with-arrow {
    min-height: 36px
}

.semi-popover-wrapper[x-placement=right] .semi-popover-icon-arrow {
    width: 8px;
    height: 24px;
    left: -7px;
    top: 50%;
    transform: translateY(-50%) rotate(180deg)
}

.semi-popover-wrapper[x-placement=right].semi-popover-with-arrow, .semi-popover-wrapper[x-placement=right] .semi-popover-with-arrow {
    min-height: 36px
}

.semi-popover-wrapper[x-placement=rightBottom] .semi-popover-icon-arrow {
    width: 8px;
    height: 24px;
    left: -7px;
    bottom: 6px;
    transform: rotate(180deg)
}

.semi-popover-wrapper[x-placement=rightBottom].semi-popover-with-arrow, .semi-popover-wrapper[x-placement=rightBottom] .semi-popover-with-arrow {
    min-height: 36px
}

.semi-popover-wrapper[x-placement=bottomLeft] .semi-popover-icon-arrow {
    top: -7px;
    left: 6px;
    transform: rotate(180deg)
}

.semi-popover-wrapper[x-placement=bottomLeft].semi-popover-with-arrow, .semi-popover-wrapper[x-placement=bottomLeft] .semi-popover-with-arrow {
    min-width: 36px
}

.semi-popover-wrapper[x-placement=bottom] .semi-popover-icon-arrow {
    top: -7px;
    left: 50%;
    transform: translate(-50%) rotate(180deg)
}

.semi-popover-wrapper[x-placement=bottom].semi-popover-with-arrow, .semi-popover-wrapper[x-placement=bottom] .semi-popover-with-arrow {
    min-width: 36px
}

.semi-popover-wrapper[x-placement=bottomRight] .semi-popover-icon-arrow {
    right: 6px;
    top: -7px;
    transform: rotate(180deg)
}

.semi-popover-wrapper[x-placement=bottomRight].semi-popover-with-arrow, .semi-popover-wrapper[x-placement=bottomRight] .semi-popover-with-arrow {
    min-width: 36px
}

.semi-popover.semi-popover-rtl {
    direction: rtl
}

.semi-spin {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px
}

@keyframes semi-animation-rotate {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.semi-spin-wrapper {
    text-align: center;
    position: absolute;
    width: 100%;
    transform: translateY(-50%);
    top: 50%;
    color: var(--semi-color-primary)
}

    .semi-spin-wrapper > svg {
        display: inline;
        animation: .6s linear infinite semi-animation-rotate;
        animation-fill-mode: forwards;
        vertical-align: top;
        width: 20px;
        height: 20px
    }

.semi-spin-animate {
    display: inline-flex;
    animation: 1.6s linear infinite semi-animation-rotate;
    animation-fill-mode: forwards
}

.semi-spin-children {
    opacity: .5;
    -webkit-user-select: none;
    user-select: none
}

.semi-spin-block {
    display: block
}

    .semi-spin-block:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1
    }

    .semi-spin-block .semi-spin-wrapper {
        display: block
    }

    .semi-spin-block.semi-spin {
        height: auto;
        width: auto
    }

.semi-spin-hidden:after {
    content: none
}

.semi-spin-hidden > .semi-spin-children {
    opacity: 1;
    -webkit-user-select: auto;
    user-select: auto
}

.semi-spin-small {
    width: 14px;
    height: 14px
}

    .semi-spin-small > .semi-spin-wrapper svg {
        width: 14px;
        height: 14px
    }

.semi-spin-middle {
    width: 20px;
    height: 20px
}

    .semi-spin-middle > .semi-spin-wrapper svg {
        width: 20px;
        height: 20px
    }

.semi-spin-large {
    width: 32px;
    height: 32px
}

    .semi-spin-large > .semi-spin-wrapper svg {
        width: 32px;
        height: 32px
    }

.semi-spin-container {
    overflow: hidden
}

.semi-rtl .semi-spin, .semi-portal-rtl .semi-spin, .semi-rtl .semi-spin-container, .semi-portal-rtl .semi-spin-container {
    direction: rtl
}

.semi-avatar {
    position: relative;
    display: inline-flex;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle
}

    .semi-avatar:focus-visible {
        outline: 2px solid var(--semi-color-primary-light-active)
    }

.semi-avatar-focus {
    outline: 2px solid var(--semi-color-primary-light-active)
}

.semi-avatar-no-focus-visible:focus-visible {
    outline: none
}

.semi-avatar .semi-avatar-label {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    font-weight: 600
}

.semi-avatar-content {
    -webkit-user-select: none;
    user-select: none
}

.semi-avatar-extra-extra-small {
    width: 20px;
    height: 20px;
    border-radius: 3px
}

    .semi-avatar-extra-extra-small .semi-avatar-content {
        transform-origin: center;
        transform: scale(.8)
    }

    .semi-avatar-extra-extra-small .semi-avatar-label {
        font-size: 10px;
        line-height: 15px
    }

.semi-avatar-extra-small {
    width: 24px;
    height: 24px;
    border-radius: 3px
}

    .semi-avatar-extra-small .semi-avatar-content {
        transform-origin: center;
        transform: scale(.8)
    }

    .semi-avatar-extra-small .semi-avatar-label {
        font-size: 10px;
        line-height: 15px
    }

.semi-avatar-small {
    width: 32px;
    height: 32px;
    border-radius: 3px
}

    .semi-avatar-small .semi-avatar-label {
        font-size: 12px;
        font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
        line-height: 16px
    }

.semi-avatar-default {
    width: 40px;
    height: 40px;
    border-radius: 3px
}

    .semi-avatar-default .semi-avatar-label {
        font-size: 16px;
        font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
        line-height: 24px
    }

.semi-avatar-medium {
    width: 48px;
    height: 48px;
    border-radius: 3px
}

    .semi-avatar-medium .semi-avatar-label {
        font-size: 20px;
        font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
        line-height: 28px
    }

.semi-avatar-large {
    width: 72px;
    height: 72px;
    border-radius: 6px
}

    .semi-avatar-large .semi-avatar-label {
        font-size: 32px;
        font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
        line-height: 44px
    }

.semi-avatar-extra-large {
    width: 128px;
    height: 128px;
    border-radius: 12px
}

    .semi-avatar-extra-large .semi-avatar-label {
        font-size: 64px;
        line-height: 77px
    }

.semi-avatar-circle {
    border-radius: var(--semi-border-radius-circle)
}

.semi-avatar-image {
    background-color: transparent
}

.semi-avatar > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.semi-avatar-hover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.semi-avatar:hover {
    cursor: pointer
}

.semi-avatar-wrapper {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    width: fit-content
}

    .semi-avatar-wrapper .semi-avatar-top_slot-bg {
        position: absolute;
        display: flex;
        justify-content: center;
        border-radius: 50%;
        overflow: hidden
    }

    .semi-avatar-wrapper .semi-avatar-top_slot-bg-small {
        width: 32px;
        height: 32px
    }

    .semi-avatar-wrapper .semi-avatar-top_slot-bg-default {
        width: 40px;
        height: 40px
    }

    .semi-avatar-wrapper .semi-avatar-top_slot-bg-medium {
        width: 48px;
        height: 48px
    }

    .semi-avatar-wrapper .semi-avatar-top_slot-bg-large {
        width: 72px;
        height: 72px
    }

    .semi-avatar-wrapper .semi-avatar-top_slot-bg-extra-large {
        width: 128px;
        height: 128px
    }

    .semi-avatar-wrapper .semi-avatar-top_slot-bg-svg {
        position: absolute
    }

    .semi-avatar-wrapper .semi-avatar-top_slot-bg-svg-small {
        top: -28px;
        scale: .4
    }

    .semi-avatar-wrapper .semi-avatar-top_slot-bg-svg-default {
        top: -32px;
        scale: .7
    }

    .semi-avatar-wrapper .semi-avatar-top_slot-bg-svg-medium {
        top: -30px;
        scale: .8
    }

    .semi-avatar-wrapper .semi-avatar-top_slot-bg-svg-large {
        top: -30px;
        scale: 1.1
    }

    .semi-avatar-wrapper .semi-avatar-top_slot-bg-svg-extra-large {
        top: -32px;
        scale: 1.4
    }

    .semi-avatar-wrapper .semi-avatar-top_slot-wrapper {
        position: absolute;
        display: flex;
        justify-content: center
    }

        .semi-avatar-wrapper .semi-avatar-top_slot-wrapper .semi-avatar-top_slot {
            color: var(--semi-color-bg-0);
            font-weight: 600
        }

        .semi-avatar-wrapper .semi-avatar-top_slot-wrapper .semi-avatar-top_slot-content {
            -webkit-user-select: none;
            user-select: none;
            position: relative;
            line-height: normal
        }

        .semi-avatar-wrapper .semi-avatar-top_slot-wrapper .semi-avatar-top_slot-content-small {
            font-size: 5px;
            margin-top: 0
        }

        .semi-avatar-wrapper .semi-avatar-top_slot-wrapper .semi-avatar-top_slot-content-default {
            font-size: 6px;
            margin-top: -2px
        }

        .semi-avatar-wrapper .semi-avatar-top_slot-wrapper .semi-avatar-top_slot-content-medium {
            font-size: 8px;
            margin-top: 0
        }

        .semi-avatar-wrapper .semi-avatar-top_slot-wrapper .semi-avatar-top_slot-content-large {
            font-size: 14px;
            margin-top: 0
        }

        .semi-avatar-wrapper .semi-avatar-top_slot-wrapper .semi-avatar-top_slot-content-extra-large {
            font-size: 16px;
            margin-top: 0
        }

    .semi-avatar-wrapper .semi-avatar-bottom_slot {
        color: var(--semi-color-bg-0);
        position: absolute;
        cursor: pointer;
        bottom: 3.5px;
        transform: translateY(50%);
        -webkit-user-select: none;
        user-select: none
    }

    .semi-avatar-wrapper .semi-avatar-bottom_slot-shape_circle {
        display: flex;
        justify-content: center;
        align-items: center;
        background: var(--semi-color-primary);
        border-radius: var(--semi-border-radius-circle);
        line-height: normal
    }

    .semi-avatar-wrapper .semi-avatar-bottom_slot-shape_circle-extra-small, .semi-avatar-wrapper .semi-avatar-bottom_slot-shape_circle-small {
        width: 12px;
        height: 12px;
        font-size: 5px
    }

    .semi-avatar-wrapper .semi-avatar-bottom_slot-shape_circle-default {
        width: 16px;
        height: 16px;
        font-size: 12px
    }

    .semi-avatar-wrapper .semi-avatar-bottom_slot-shape_circle-medium {
        width: 18px;
        height: 18px;
        font-size: 12px
    }

    .semi-avatar-wrapper .semi-avatar-bottom_slot-shape_circle-large {
        width: 28px;
        height: 28px;
        font-size: 12px
    }

    .semi-avatar-wrapper .semi-avatar-bottom_slot-shape_circle-extra-large {
        width: 28px;
        height: 28px;
        font-size: 14px
    }

    .semi-avatar-wrapper .semi-avatar-bottom_slot-shape_square {
        display: flex;
        justify-content: center;
        align-items: center;
        background: var(--semi-color-primary);
        border-radius: 4px;
        padding: 1px 4px;
        font-weight: 600;
        border-style: solid;
        border-color: var(--semi-color-bg-0)
    }

    .semi-avatar-wrapper .semi-avatar-bottom_slot-shape_square-extra_small, .semi-avatar-wrapper .semi-avatar-bottom_slot-shape_square-small {
        font-size: 5px;
        border-width: 2px
    }

    .semi-avatar-wrapper .semi-avatar-bottom_slot-shape_square-default, .semi-avatar-wrapper .semi-avatar-bottom_slot-shape_square-medium, .semi-avatar-wrapper .semi-avatar-bottom_slot-shape_square-large {
        font-size: 12px;
        border-width: 2px
    }

    .semi-avatar-wrapper .semi-avatar-bottom_slot-shape_square-extra-large {
        font-size: 14px;
        border-width: 2px
    }

.semi-avatar-group {
    display: inline-block
}

    .semi-avatar-group .semi-avatar {
        box-sizing: border-box
    }

        .semi-avatar-group .semi-avatar:first-child {
            margin-left: 0
        }

    .semi-avatar-group .semi-avatar-extra-large {
        border: 3px var(--semi-color-bg-1) solid;
        margin-left: -32px
    }

    .semi-avatar-group .semi-avatar-large {
        border: 3px var(--semi-color-bg-1) solid;
        margin-left: -18px
    }

    .semi-avatar-group .semi-avatar-medium, .semi-avatar-group .semi-avatar-default, .semi-avatar-group .semi-avatar-small {
        border: 2px var(--semi-color-bg-1) solid;
        margin-left: -12px
    }

    .semi-avatar-group .semi-avatar-extra-small {
        border: 1px var(--semi-color-bg-1) solid;
        margin-left: -10px
    }

    .semi-avatar-group .semi-avatar-extra-extra-small {
        border: 1px var(--semi-color-bg-1) solid;
        margin-left: -4px
    }

    .semi-avatar-group .semi-avatar-item-start-0 {
        z-index: 100
    }

    .semi-avatar-group .semi-avatar-item-end-0 {
        z-index: 80
    }

    .semi-avatar-group .semi-avatar-item-start-1 {
        z-index: 99
    }

    .semi-avatar-group .semi-avatar-item-end-1 {
        z-index: 81
    }

    .semi-avatar-group .semi-avatar-item-start-2 {
        z-index: 98
    }

    .semi-avatar-group .semi-avatar-item-end-2 {
        z-index: 82
    }

    .semi-avatar-group .semi-avatar-item-start-3 {
        z-index: 97
    }

    .semi-avatar-group .semi-avatar-item-end-3 {
        z-index: 83
    }

    .semi-avatar-group .semi-avatar-item-start-4 {
        z-index: 96
    }

    .semi-avatar-group .semi-avatar-item-end-4 {
        z-index: 84
    }

    .semi-avatar-group .semi-avatar-item-start-5 {
        z-index: 95
    }

    .semi-avatar-group .semi-avatar-item-end-5 {
        z-index: 85
    }

    .semi-avatar-group .semi-avatar-item-start-6 {
        z-index: 94
    }

    .semi-avatar-group .semi-avatar-item-end-6 {
        z-index: 86
    }

    .semi-avatar-group .semi-avatar-item-start-7 {
        z-index: 93
    }

    .semi-avatar-group .semi-avatar-item-end-7 {
        z-index: 87
    }

    .semi-avatar-group .semi-avatar-item-start-8 {
        z-index: 92
    }

    .semi-avatar-group .semi-avatar-item-end-8 {
        z-index: 88
    }

    .semi-avatar-group .semi-avatar-item-start-9 {
        z-index: 91
    }

    .semi-avatar-group .semi-avatar-item-end-9 {
        z-index: 89
    }

    .semi-avatar-group .semi-avatar-item-start-10, .semi-avatar-group .semi-avatar-item-end-10 {
        z-index: 90
    }

    .semi-avatar-group .semi-avatar-item-start-11 {
        z-index: 89
    }

    .semi-avatar-group .semi-avatar-item-end-11 {
        z-index: 91
    }

    .semi-avatar-group .semi-avatar-item-start-12 {
        z-index: 88
    }

    .semi-avatar-group .semi-avatar-item-end-12 {
        z-index: 92
    }

    .semi-avatar-group .semi-avatar-item-start-13 {
        z-index: 87
    }

    .semi-avatar-group .semi-avatar-item-end-13 {
        z-index: 93
    }

    .semi-avatar-group .semi-avatar-item-start-14 {
        z-index: 86
    }

    .semi-avatar-group .semi-avatar-item-end-14 {
        z-index: 94
    }

    .semi-avatar-group .semi-avatar-item-start-15 {
        z-index: 85
    }

    .semi-avatar-group .semi-avatar-item-end-15 {
        z-index: 95
    }

    .semi-avatar-group .semi-avatar-item-start-16 {
        z-index: 84
    }

    .semi-avatar-group .semi-avatar-item-end-16 {
        z-index: 96
    }

    .semi-avatar-group .semi-avatar-item-start-17 {
        z-index: 83
    }

    .semi-avatar-group .semi-avatar-item-end-17 {
        z-index: 97
    }

    .semi-avatar-group .semi-avatar-item-start-18 {
        z-index: 82
    }

    .semi-avatar-group .semi-avatar-item-end-18 {
        z-index: 98
    }

    .semi-avatar-group .semi-avatar-item-start-19 {
        z-index: 81
    }

    .semi-avatar-group .semi-avatar-item-end-19 {
        z-index: 99
    }

    .semi-avatar-group .semi-avatar-item-start-20 {
        z-index: 80
    }

    .semi-avatar-group .semi-avatar-item-end-20 {
        z-index: 100
    }

    .semi-avatar-group .semi-avatar-item-more {
        background-color: rgba(var(--semi-grey-5),1)
    }

.semi-avatar-amber {
    background-color: rgba(var(--semi-amber-3),1);
    color: rgba(var(--semi-white),1)
}

.semi-avatar-blue {
    background-color: rgba(var(--semi-blue-3),1);
    color: rgba(var(--semi-white),1)
}

.semi-avatar-cyan {
    background-color: rgba(var(--semi-cyan-3),1);
    color: rgba(var(--semi-white),1)
}

.semi-avatar-green {
    background-color: rgba(var(--semi-green-3),1);
    color: rgba(var(--semi-white),1)
}

.semi-avatar-grey {
    background-color: rgba(var(--semi-grey-3),1);
    color: rgba(var(--semi-white),1)
}

.semi-avatar-indigo {
    background-color: rgba(var(--semi-indigo-3),1);
    color: rgba(var(--semi-white),1)
}

.semi-avatar-light-blue {
    background-color: rgba(var(--semi-light-blue-3),1);
    color: rgba(var(--semi-white),1)
}

.semi-avatar-light-green {
    background-color: rgba(var(--semi-light-green-3),1);
    color: rgba(var(--semi-white),1)
}

.semi-avatar-lime {
    background-color: rgba(var(--semi-lime-3),1);
    color: rgba(var(--semi-white),1)
}

.semi-avatar-orange {
    background-color: rgba(var(--semi-orange-3),1);
    color: rgba(var(--semi-white),1)
}

.semi-avatar-pink {
    background-color: rgba(var(--semi-pink-3),1);
    color: rgba(var(--semi-white),1)
}

.semi-avatar-purple {
    background-color: rgba(var(--semi-purple-3),1);
    color: rgba(var(--semi-white),1)
}

.semi-avatar-red {
    background-color: rgba(var(--semi-red-3),1);
    color: rgba(var(--semi-white),1)
}

.semi-avatar-teal {
    background-color: rgba(var(--semi-teal-3),1);
    color: rgba(var(--semi-white),1)
}

.semi-avatar-violet {
    background-color: rgba(var(--semi-violet-3),1);
    color: rgba(var(--semi-white),1)
}

.semi-avatar-yellow {
    background-color: rgba(var(--semi-yellow-3),1);
    color: rgba(var(--semi-white),1)
}

.semi-avatar-additionalBorder {
    border-style: solid;
    border-color: var(--semi-color-primary);
    display: inline-block;
    box-sizing: border-box;
    position: absolute;
    border-width: 1.5px;
    top: -3.5px;
    left: -3.5px
}

.semi-avatar-additionalBorder-extra-extra-small {
    width: 27px;
    height: 27px
}

.semi-avatar-additionalBorder-extra-small {
    width: 31px;
    height: 31px
}

.semi-avatar-additionalBorder-small {
    width: 39px;
    height: 39px
}

.semi-avatar-additionalBorder-default {
    width: 47px;
    height: 47px
}

.semi-avatar-additionalBorder-medium {
    width: 55px;
    height: 55px
}

.semi-avatar-additionalBorder-large {
    width: 79px;
    height: 79px
}

.semi-avatar-additionalBorder-extra-large {
    width: 135px;
    height: 135px
}

.semi-avatar-square.semi-avatar-additionalBorder-extra_extra_small, .semi-avatar-square.semi-avatar-additionalBorder-extra_small, .semi-avatar-square.semi-avatar-additionalBorder-small, .semi-avatar-square.semi-avatar-additionalBorder-default, .semi-avatar-square.semi-avatar-additionalBorder-medium {
    border-radius: 3px
}

.semi-avatar-square.semi-avatar-additionalBorder-large {
    border-radius: 6px
}

.semi-avatar-additionalBorder-circle {
    border-radius: var(--semi-border-radius-circle)
}

.semi-avatar-additionalBorder-animated {
    animation: .8s linear infinite semi-avatar-additionalBorder
}

.semi-avatar-animated {
    animation: 1s linear infinite semi-avatar-content
}

@keyframes semi-avatar-additionalBorder {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    to {
        border-width: 0;
        opacity: 0;
        transform: scale(1.15)
    }
}

@keyframes semi-avatar-content {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.9)
    }

    to {
        transform: scale(1)
    }
}

.semi-rtl .semi-avatar, .semi-portal-rtl .semi-avatar {
    direction: rtl
}

.semi-rtl .semi-avatar-extra-extra-small .semi-avatar-content, .semi-portal-rtl .semi-avatar-extra-extra-small .semi-avatar-content, .semi-rtl .semi-avatar-extra-small .semi-avatar-content, .semi-portal-rtl .semi-avatar-extra-small .semi-avatar-content {
    transform: scale(.8)
}

.semi-rtl .semi-avatar-hover, .semi-portal-rtl .semi-avatar-hover {
    left: auto;
    right: 0
}

.semi-rtl .semi-avatar-group, .semi-portal-rtl .semi-avatar-group {
    direction: rtl
}

    .semi-rtl .semi-avatar-group .semi-avatar:first-child, .semi-portal-rtl .semi-avatar-group .semi-avatar:first-child {
        margin-left: auto;
        margin-right: 0
    }

    .semi-rtl .semi-avatar-group .semi-avatar-extra-large, .semi-portal-rtl .semi-avatar-group .semi-avatar-extra-large {
        margin-left: auto;
        margin-right: -32px
    }

    .semi-rtl .semi-avatar-group .semi-avatar-large, .semi-portal-rtl .semi-avatar-group .semi-avatar-large {
        margin-left: auto;
        margin-right: -18px
    }

    .semi-rtl .semi-avatar-group .semi-avatar-medium, .semi-rtl .semi-avatar-group .semi-avatar-small, .semi-portal-rtl .semi-avatar-group .semi-avatar-medium, .semi-portal-rtl .semi-avatar-group .semi-avatar-small {
        margin-left: auto;
        margin-right: -12px
    }

    .semi-rtl .semi-avatar-group .semi-avatar-extra-small, .semi-portal-rtl .semi-avatar-group .semi-avatar-extra-small {
        margin-left: auto;
        margin-right: -10px
    }

    .semi-rtl .semi-avatar-group .semi-avatar-extra-extra-small, .semi-portal-rtl .semi-avatar-group .semi-avatar-extra-extra-small {
        margin-left: auto;
        margin-right: -4px
    }

.semi-button-split {
    display: inline-block
}

    .semi-button-split .semi-button {
        border-radius: 0;
        margin-right: 1px
    }

    .semi-button-split .semi-button-first {
        border-top-left-radius: var(--semi-border-radius-small);
        border-bottom-left-radius: var(--semi-border-radius-small)
    }

    .semi-button-split .semi-button-last {
        border-top-right-radius: var(--semi-border-radius-small);
        border-bottom-right-radius: var(--semi-border-radius-small);
        margin-right: unset
    }

    .semi-button-split:hover .semi-button-borderless:active {
        background-color: var(--semi-color-fill-1)
    }

.semi-button {
    box-shadow: none;
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    border: 0 transparent solid;
    border-radius: var(--semi-border-radius-small);
    padding: 6px 12px;
    font-weight: 600;
    outline: none;
    vertical-align: middle;
    white-space: nowrap
}

    .semi-button.semi-button-primary:focus-visible, .semi-button.semi-button-secondary:focus-visible, .semi-button.semi-button-tertiary:focus-visible, .semi-button.semi-button-warning:focus-visible, .semi-button.semi-button-danger:focus-visible {
        outline: 2px solid var(--semi-color-primary-light-active)
    }

.semi-button-content {
    display: flex;
    align-items: center
}

.semi-button-danger {
    background-color: var(--semi-color-danger);
    color: rgba(var(--semi-white),1);
    transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none),border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
    transform: scale(var(--semi-transform_scale-none))
}

.semi-button-danger-disabled {
    background-color: var(--semi-color-disabled-bg)
}

    .semi-button-danger-disabled.semi-button-outline {
        background-color: transparent;
        border: 1px solid var(--semi-color-border)
    }

    .semi-button-danger-disabled.semi-button-light {
        background-color: var(--semi-color-fill-0)
    }

.semi-button-danger:hover {
    background-color: var(--semi-color-danger-hover)
}

.semi-button-danger:active {
    background-color: var(--semi-color-danger-active)
}

.semi-button-danger.semi-button-outline {
    background-color: transparent;
    border: 1px solid var(--semi-color-danger)
}

.semi-button-danger.semi-button-light, .semi-button-danger.semi-button-outline, .semi-button-danger.semi-button-borderless {
    color: var(--semi-color-danger)
}

.semi-button-danger:not(.semi-button-borderless):not(.semi-button-light):focus-visible {
    outline: 2px solid var(--semi-color-danger-light-active)
}

.semi-button-warning {
    background-color: var(--semi-color-warning);
    color: rgba(var(--semi-white),1);
    transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none),border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
    transform: scale(var(--semi-transform_scale-none))
}

.semi-button-warning-disabled {
    background-color: var(--semi-color-disabled-bg)
}

    .semi-button-warning-disabled.semi-button-outline {
        background-color: transparent;
        border: 1px solid var(--semi-color-border)
    }

    .semi-button-warning-disabled.semi-button-light {
        background-color: var(--semi-color-fill-0)
    }

.semi-button-warning:hover {
    background-color: var(--semi-color-warning-hover)
}

.semi-button-warning:active {
    background-color: var(--semi-color-warning-active)
}

.semi-button-warning.semi-button-outline {
    background-color: transparent;
    border: 1px solid var(--semi-color-warning)
}

.semi-button-warning.semi-button-light, .semi-button-warning.semi-button-outline, .semi-button-warning.semi-button-borderless {
    color: var(--semi-color-warning)
}

.semi-button-warning:not(.semi-button-borderless):not(.semi-button-light):focus-visible {
    outline: 2px solid var(--semi-color-warning-light-active)
}

.semi-button-tertiary {
    background-color: var(--semi-color-tertiary);
    color: rgba(var(--semi-white),1);
    transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none),border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
    transform: scale(var(--semi-transform_scale-none))
}

.semi-button-tertiary-disabled {
    background-color: var(--semi-color-disabled-bg)
}

    .semi-button-tertiary-disabled.semi-button-outline {
        background-color: transparent;
        border: 1px solid var(--semi-color-border)
    }

    .semi-button-tertiary-disabled.semi-button-light {
        background-color: var(--semi-color-fill-0)
    }

.semi-button-tertiary:hover {
    background-color: var(--semi-color-tertiary-hover)
}

.semi-button-tertiary:active {
    background-color: var(--semi-color-tertiary-active)
}

.semi-button-tertiary.semi-button-outline {
    background-color: transparent;
    border: 1px solid var(--semi-color-border)
}

.semi-button-tertiary.semi-button-light, .semi-button-tertiary.semi-button-outline, .semi-button-tertiary.semi-button-borderless {
    color: var(--semi-color-text-1)
}

.semi-button-primary {
    background-color: var(--semi-color-primary);
    color: rgba(var(--semi-white),1);
    transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none),border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
    transform: scale(var(--semi-transform_scale-none))
}

.semi-button-primary-disabled {
    background-color: var(--semi-color-disabled-bg)
}

    .semi-button-primary-disabled.semi-button-light {
        background: var(--semi-color-fill-0)
    }

    .semi-button-primary-disabled.semi-button-outline {
        background-color: transparent;
        border: 1px solid var(--semi-color-border)
    }

.semi-button-primary:not(.semi-button-borderless):not(.semi-button-light):not(.semi-button-outline):hover {
    background-color: var(--semi-color-primary-hover)
}

.semi-button-primary.semi-button-outline {
    background-color: transparent;
    border: 1px solid var(--semi-color-border)
}

.semi-button-primary:not(.semi-button-borderless):not(.semi-button-light):not(.semi-button-outline):active {
    background-color: var(--semi-color-primary-active)
}

.semi-button-primary.semi-button-light, .semi-button-primary.semi-button-outline, .semi-button-primary.semi-button-borderless {
    color: var(--semi-color-primary)
}

.semi-button-secondary {
    background-color: var(--semi-color-secondary);
    outline-color: var(--semi-color-secondary);
    color: rgba(var(--semi-white),1);
    transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none),border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
    transform: scale(var(--semi-transform_scale-none))
}

.semi-button-secondary-disabled {
    background-color: var(--semi-color-disabled-bg)
}

    .semi-button-secondary-disabled.semi-button-outline {
        background-color: transparent;
        border: 1px solid var(--semi-color-border)
    }

    .semi-button-secondary-disabled.semi-button-light {
        background-color: var(--semi-color-fill-0)
    }

.semi-button-secondary.semi-button-outline {
    background-color: transparent;
    border: 1px solid var(--semi-color-border)
}

.semi-button-secondary:hover {
    background-color: var(--semi-color-secondary-hover)
}

.semi-button-secondary:active {
    background-color: var(--semi-color-secondary-active)
}

.semi-button-secondary.semi-button-light, .semi-button-secondary.semi-button-outline, .semi-button-secondary.semi-button-borderless {
    color: var(--semi-color-secondary)
}

.semi-button-disabled {
    color: var(--semi-color-disabled-text);
    cursor: not-allowed
}

    .semi-button-disabled:not(.semi-button-borderless):not(.semi-button-light):hover {
        color: var(--semi-color-disabled-text)
    }

    .semi-button-disabled.semi-button-light, .semi-button-disabled.semi-button-borderless {
        color: var(--semi-color-disabled-text)
    }

.semi-button-borderless {
    background-color: transparent;
    border: 1px var(--semi-color-border) solid;
    transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
    transform: scale(var(--semi-transform_scale-none))
}

    .semi-button-borderless:not(.semi-button-disabled):hover {
        background-color: var(--semi-color-fill-0);
        border: 1px var(--semi-color-border) solid
    }

    .semi-button-borderless:not(.semi-button-disabled):active {
        background-color: var(--semi-color-fill-1);
        border: 1px var(--semi-color-border) solid
    }

.semi-button-outline {
    background-color: transparent
}

    .semi-button-outline:not(.semi-button-disabled):hover {
        background-color: var(--semi-color-fill-0)
    }

    .semi-button-outline:not(.semi-button-disabled):active {
        background-color: var(--semi-color-fill-1)
    }

.semi-button-light {
    background-color: var(--semi-color-fill-0);
    border: 0 transparent solid;
    transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none),border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
    transform: scale(var(--semi-transform_scale-none))
}

    .semi-button-light:not(.semi-button-disabled):hover {
        background-color: var(--semi-color-fill-1);
        border: 0 transparent solid
    }

    .semi-button-light:not(.semi-button-disabled):active {
        background-color: var(--semi-color-fill-2);
        border: 0 transparent solid
    }

.semi-button-size-small {
    height: 30px;
    padding: 2px 10px
}

.semi-button-size-large {
    height: 40px;
    padding: 10px 16px
}

.semi-button-block {
    width: 100%
}

.semi-button-group {
    display: flex;
    flex-wrap: wrap
}

    .semi-button-group > .semi-button {
        margin: 0;
        padding-left: 0;
        padding-right: 0;
        border-radius: 0
    }

        .semi-button-group > .semi-button .semi-button-content {
            padding-left: 12px;
            padding-right: 12px
        }

    .semi-button-group > .semi-button-size-large .semi-button-content {
        padding-left: 16px;
        padding-right: 16px
    }

    .semi-button-group > .semi-button-size-small .semi-button-content {
        padding-left: 10px;
        padding-right: 10px
    }

    .semi-button-group > .semi-button.semi-button-with-icon-only {
        padding-left: 0;
        padding-right: 0
    }

        .semi-button-group > .semi-button.semi-button-with-icon-only .semi-button-content {
            padding-left: 8px;
            padding-right: 8px
        }

        .semi-button-group > .semi-button.semi-button-with-icon-only.semi-button-size-small .semi-button-content {
            padding-left: 4px;
            padding-right: 4px
        }

        .semi-button-group > .semi-button.semi-button-with-icon-only.semi-button-size-large .semi-button-content {
            padding-left: 12px;
            padding-right: 12px
        }

    .semi-button-group > .semi-button:first-child {
        border-top-left-radius: var(--semi-border-radius-small);
        border-bottom-left-radius: var(--semi-border-radius-small)
    }

    .semi-button-group > .semi-button:last-child {
        border-top-right-radius: var(--semi-border-radius-small);
        border-bottom-right-radius: var(--semi-border-radius-small)
    }

    .semi-button-group > .semi-button-outline:not(:last-child) {
        border-right-color: transparent;
        margin-right: -1px
    }

.semi-button-group-line {
    display: inline-flex;
    align-items: center;
    background-color: var(--semi-color-border)
}

.semi-button-group-line-primary {
    background-color: var(--semi-color-primary)
}

.semi-button-group-line-secondary {
    background-color: var(--semi-color-secondary)
}

.semi-button-group-line-tertiary {
    background-color: var(--semi-color-tertiary)
}

.semi-button-group-line-warning {
    background-color: var(--semi-color-warning)
}

.semi-button-group-line-danger {
    background-color: var(--semi-color-danger)
}

.semi-button-group-line-disabled {
    background-color: var(--semi-color-disabled-bg)
}

.semi-button-group-line-light {
    background-color: var(--semi-color-fill-0)
}

.semi-button-group-line-borderless {
    background-color: transparent
}

.semi-button-group-line:before {
    display: block;
    content: "";
    width: 1px;
    height: 20px;
    background-color: var(--semi-color-border)
}

.semi-button.semi-button-with-icon {
    display: inline-flex;
    align-items: center
}

    .semi-button.semi-button-with-icon .semi-button-content {
        display: flex;
        align-items: center;
        justify-content: center
    }

.semi-button.semi-button-loading {
    pointer-events: none;
    cursor: not-allowed
}

    .semi-button.semi-button-loading .semi-button-content > svg {
        width: 16px;
        height: 16px;
        animation: .6s linear infinite semi-animation-rotate;
        animation-fill-mode: forwards
    }

.semi-button.semi-button-with-icon-only {
    padding: 8px;
    justify-content: center;
    align-items: center
}

    .semi-button.semi-button-with-icon-only.semi-button-size-small {
        padding: 4px
    }

    .semi-button.semi-button-with-icon-only.semi-button-size-large {
        padding: 12px
    }

.semi-button-content-left {
    margin-right: 8px;
    display: flex;
    align-items: center
}

.semi-button-content-right {
    margin-left: 8px;
    display: flex;
    align-items: center
}

.semi-rtl .semi-button, .semi-portal-rtl .semi-button {
    direction: rtl;
    padding-left: 12px;
    padding-right: 12px
}

.semi-rtl .semi-button-size-small, .semi-portal-rtl .semi-button-size-small {
    padding-left: 10px;
    padding-right: 10px
}

.semi-rtl .semi-button-size-large, .semi-portal-rtl .semi-button-size-large {
    padding-left: 16px;
    padding-right: 16px
}

.semi-rtl .semi-button-group, .semi-portal-rtl .semi-button-group {
    direction: rtl
}

    .semi-rtl .semi-button-group > .semi-button, .semi-portal-rtl .semi-button-group > .semi-button {
        padding-left: 0;
        padding-right: 0
    }

        .semi-rtl .semi-button-group > .semi-button .semi-button-content, .semi-portal-rtl .semi-button-group > .semi-button .semi-button-content {
            padding-left: 12px;
            padding-right: 12px
        }

    .semi-rtl .semi-button-group > .semi-button-size-large .semi-button-content, .semi-portal-rtl .semi-button-group > .semi-button-size-large .semi-button-content {
        padding-left: 16px;
        padding-right: 16px
    }

    .semi-rtl .semi-button-group > .semi-button-size-small .semi-button-content, .semi-portal-rtl .semi-button-group > .semi-button-size-small .semi-button-content {
        padding-left: 10px;
        padding-right: 10px
    }

    .semi-rtl .semi-button-group > .semi-button.semi-button-with-icon-only, .semi-portal-rtl .semi-button-group > .semi-button.semi-button-with-icon-only {
        padding-left: 0;
        padding-right: 0
    }

        .semi-rtl .semi-button-group > .semi-button.semi-button-with-icon-only .semi-button-content, .semi-portal-rtl .semi-button-group > .semi-button.semi-button-with-icon-only .semi-button-content {
            padding-left: 8px;
            padding-right: 8px
        }

        .semi-rtl .semi-button-group > .semi-button.semi-button-with-icon-only.semi-button-size-small .semi-button-content, .semi-portal-rtl .semi-button-group > .semi-button.semi-button-with-icon-only.semi-button-size-small .semi-button-content {
            padding-left: 4px;
            padding-right: 4px
        }

        .semi-rtl .semi-button-group > .semi-button.semi-button-with-icon-only.semi-button-size-large .semi-button-content, .semi-portal-rtl .semi-button-group > .semi-button.semi-button-with-icon-only.semi-button-size-large .semi-button-content {
            padding-left: 12px;
            padding-right: 12px
        }

    .semi-rtl .semi-button-group > .semi-button:first-child, .semi-portal-rtl .semi-button-group > .semi-button:first-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: var(--semi-border-radius-small);
        border-bottom-right-radius: var(--semi-border-radius-small)
    }

    .semi-rtl .semi-button-group > .semi-button:not(:last-child) .semi-button-content, .semi-portal-rtl .semi-button-group > .semi-button:not(:last-child) .semi-button-content {
        border-left: 1px var(--semi-color-border) solid;
        border-right: 0
    }

    .semi-rtl .semi-button-group > .semi-button:last-child, .semi-portal-rtl .semi-button-group > .semi-button:last-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-top-left-radius: var(--semi-border-radius-small);
        border-bottom-left-radius: var(--semi-border-radius-small)
    }

.semi-rtl .semi-button.semi-button-with-icon-only, .semi-portal-rtl .semi-button.semi-button-with-icon-only {
    padding-left: 8px;
    padding-right: 8px
}

    .semi-rtl .semi-button.semi-button-with-icon-only.semi-button-size-small, .semi-portal-rtl .semi-button.semi-button-with-icon-only.semi-button-size-small {
        padding-left: 4px;
        padding-right: 4px
    }

    .semi-rtl .semi-button.semi-button-with-icon-only.semi-button-size-large, .semi-portal-rtl .semi-button.semi-button-with-icon-only.semi-button-size-large {
        padding-left: 12px;
        padding-right: 12px
    }

.semi-rtl .semi-button-content-left, .semi-portal-rtl .semi-button-content-left {
    margin-left: 8px;
    margin-right: 0
}

.semi-rtl .semi-button-content-right, .semi-portal-rtl .semi-button-content-right {
    margin-right: 8px;
    margin-left: 0
}

.semi-badge {
    position: relative;
    display: inline-block
}

.semi-badge-dot {
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border-radius: var(--semi-border-radius-circle);
    background-color: var(--semi-color-bg-1);
    border: 1px var(--semi-color-bg-1) solid;
    z-index: 1
}

.semi-badge-count {
    box-sizing: border-box;
    height: 18px;
    min-width: 18px;
    border-radius: 9px;
    padding: 0 4px;
    background-color: var(--semi-color-bg-1);
    border: 1px var(--semi-color-bg-1) solid;
    z-index: 1;
    text-align: center;
    font-size: 12px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 16px;
    font-weight: 14px;
    color: var(--semi-color-bg-2)
}

.semi-badge-rightTop {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%,-50%);
    transform-origin: 100% 0%
}

.semi-badge-rightBottom {
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translate(50%,50%);
    transform-origin: 100% 0%
}

.semi-badge-leftTop {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-50%,-50%);
    transform-origin: 100% 0%
}

.semi-badge-leftBottom {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translate(-50%,50%);
    transform-origin: 100% 0%
}

.semi-badge-custom {
    display: flex
}

.semi-badge-block {
    position: static;
    display: inline-block
}

.semi-badge-light:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--semi-color-bg-2);
    z-index: -1
}

.semi-badge-light:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    position: absolute;
    top: 0;
    left: 0;
    background-color: inherit;
    z-index: -1
}

.semi-badge-primary.semi-badge-solid {
    background-color: var(--semi-color-primary)
}

.semi-badge-primary.semi-badge-light {
    background-color: var(--semi-color-primary-light-default);
    color: var(--semi-color-primary)
}

.semi-badge-primary.semi-badge-inverted {
    color: var(--semi-color-primary)
}

.semi-badge-secondary.semi-badge-solid {
    background-color: var(--semi-color-secondary)
}

.semi-badge-secondary.semi-badge-light {
    background-color: var(--semi-color-secondary-light-default);
    color: var(--semi-color-secondary)
}

.semi-badge-secondary.semi-badge-inverted {
    color: var(--semi-color-secondary)
}

.semi-badge-tertiary.semi-badge-solid {
    background-color: var(--semi-color-tertiary)
}

.semi-badge-tertiary.semi-badge-light {
    background-color: var(--semi-color-tertiary-light-default);
    color: var(--semi-color-tertiary)
}

.semi-badge-tertiary.semi-badge-inverted {
    color: var(--semi-color-tertiary)
}

.semi-badge-danger.semi-badge-solid {
    background-color: var(--semi-color-danger)
}

.semi-badge-danger.semi-badge-light {
    background-color: var(--semi-color-danger-light-default);
    color: var(--semi-color-danger)
}

.semi-badge-danger.semi-badge-inverted {
    color: var(--semi-color-danger)
}

.semi-badge-warning.semi-badge-solid {
    background-color: var(--semi-color-warning)
}

.semi-badge-warning.semi-badge-light {
    background-color: var(--semi-color-warning-light-default);
    color: var(--semi-color-warning)
}

.semi-badge-warning.semi-badge-inverted {
    color: var(--semi-color-warning)
}

.semi-badge-success.semi-badge-solid {
    background-color: var(--semi-color-success)
}

.semi-badge-success.semi-badge-light {
    background-color: var(--semi-color-success-light-default);
    color: var(--semi-color-success)
}

.semi-badge-success.semi-badge-inverted {
    color: var(--semi-color-success)
}

.semi-rtl .semi-badge, .semi-portal-rtl .semi-badge {
    direction: rtl
}

.semi-skeleton-avatar, .semi-skeleton-image, .semi-skeleton-title, .semi-skeleton-button {
    background: var(--semi-color-fill-0);
    border-radius: var(--semi-border-radius-small)
}

.semi-skeleton-avatar-circle {
    border-radius: 50%
}

.semi-skeleton-avatar-extra-extra-small {
    width: 20px;
    height: 20px
}

.semi-skeleton-avatar-extra-small {
    width: 24px;
    height: 24px
}

.semi-skeleton-avatar-medium {
    width: 48px;
    height: 48px
}

.semi-skeleton-avatar-small {
    width: 32px;
    height: 32px
}

.semi-skeleton-avatar-large {
    width: 72px;
    height: 72px
}

.semi-skeleton-avatar-extra-large {
    width: 128px;
    height: 128px
}

.semi-skeleton-paragraph {
    margin: 0;
    padding: 0;
    list-style-type: none
}

    .semi-skeleton-paragraph li {
        background: var(--semi-color-fill-0);
        border-radius: var(--semi-border-radius-small);
        width: 100%;
        height: 16px;
        margin-bottom: 10px
    }

        .semi-skeleton-paragraph li:last-child {
            width: 60%;
            margin-bottom: 0
        }

        .semi-skeleton-paragraph li:first-child {
            width: 100%
        }

.semi-skeleton-title {
    width: 100%;
    height: 24px
}

.semi-skeleton-button {
    width: 115px;
    height: 32px
}

.semi-skeleton-image {
    width: 100%;
    height: 100%
}

.semi-skeleton-active .semi-skeleton-avatar, .semi-skeleton-active .semi-skeleton-image, .semi-skeleton-active .semi-skeleton-title, .semi-skeleton-active .semi-skeleton-button, .semi-skeleton-active .semi-skeleton-paragraph li {
    background: linear-gradient(90deg,var(--semi-color-fill-0) 25%,var(--semi-color-fill-1) 44%,var(--semi-color-fill-0) 88%);
    background-size: 400% 100%;
    animation: 1.4s skeleton-loading ease infinite;
    animation-fill-mode: forwards
}

@keyframes skeleton-loading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

.semi-rtl .semi-skeleton, .semi-portal-rtl .semi-skeleton {
    direction: rtl
}

.semi-tag {
    box-sizing: border-box;
    border-radius: 5px;
    background-color: transparent;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: bottom;
    display: flex;
    justify-content: center;
    align-items: center;
    display: inline-flex
}

.semi-tag-default, .semi-tag-small {
    font-size: 12px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 16px;
    height: 20px;
    padding: 2px 8px
}

    .semi-tag-default:focus-visible, .semi-tag-small:focus-visible {
        outline: 2px solid var(--semi-color-primary-light-active)
    }

.semi-tag-square {
    border-radius: 5px
}

.semi-tag-circle {
    border-radius: var(--semi-border-radius-full)
}

.semi-tag-large {
    font-size: 12px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 16px;
    padding: 4px 8px;
    height: 24px
}

    .semi-tag-large:focus-visible {
        outline: 2px solid var(--semi-color-primary-light-active)
    }

.semi-tag-invisible {
    display: none
}

.semi-tag-prefix-icon {
    display: flex;
    padding-right: 4px
}

.semi-tag-suffix-icon {
    display: flex;
    padding-left: 4px
}

.semi-tag-content {
    flex: 1
}

.semi-tag-content-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.semi-tag-content-center {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    min-width: 0
}

.semi-tag-close {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--semi-color-text-2);
    padding-left: 4px;
    cursor: pointer
}

    .semi-tag-close:hover {
        color: var(--semi-color-text-1)
    }

    .semi-tag-close:active {
        color: var(--semi-color-text-0)
    }

.semi-tag-closable {
    padding: 4px 4px 4px 8px
}

.semi-tag-avatar-square .semi-avatar, .semi-tag-avatar-circle .semi-avatar {
    margin-right: 4px
}

.semi-tag-avatar-square {
    padding: 0 4px 0 0
}

    .semi-tag-avatar-square .semi-avatar > img {
        background-color: var(--semi-color-default)
    }

.semi-tag-avatar-circle {
    padding: 2px 4px 2px 2px
}

.semi-tag-avatar-square.semi-tag-default .semi-avatar, .semi-tag-avatar-square.semi-tag-small .semi-avatar {
    width: 20px;
    height: 20px
}

.semi-tag-avatar-square.semi-tag-large .semi-avatar {
    width: 24px;
    height: 24px
}

.semi-tag-avatar-circle.semi-tag-small, .semi-tag-avatar-circle.semi-tag-default {
    border-radius: 11px
}

    .semi-tag-avatar-circle.semi-tag-small .semi-avatar, .semi-tag-avatar-circle.semi-tag-default .semi-avatar {
        width: 16px;
        height: 16px
    }

.semi-tag-avatar-circle.semi-tag-large {
    border-radius: 13px
}

    .semi-tag-avatar-circle.semi-tag-large .semi-avatar {
        width: 20px;
        height: 20px
    }

.semi-tag-group {
    display: block;
    height: auto
}

    .semi-tag-group .semi-tag {
        margin-bottom: 0;
        margin-right: 8px
    }

.semi-tag-group-max.semi-tag-group-small {
    height: 22px
}

.semi-tag-group-max.semi-tag-group-large {
    height: 26px
}

.semi-tag-rest-group-popover .semi-tag {
    margin-right: 8px;
    margin-bottom: 0
}

    .semi-tag-rest-group-popover .semi-tag:last-of-type {
        margin-right: 0
    }

.semi-tag-amber-ghost {
    background-color: transparent;
    border: 1px solid rgba(var(--semi-amber-4),1);
    color: rgba(var(--semi-amber-5),1)
}

.semi-tag-amber-solid {
    background-color: rgba(var(--semi-amber-5),1);
    color: rgba(var(--semi-white),1)
}

.semi-tag-amber-light {
    background-color: rgba(var(--semi-amber-5),.15);
    color: rgba(var(--semi-amber-8),1)
}

.semi-tag-blue-ghost {
    background-color: transparent;
    border: 1px solid rgba(var(--semi-blue-4),1);
    color: rgba(var(--semi-blue-5),1)
}

.semi-tag-blue-solid {
    background-color: rgba(var(--semi-blue-5),1);
    color: rgba(var(--semi-white),1)
}

.semi-tag-blue-light {
    background-color: rgba(var(--semi-blue-5),.15);
    color: rgba(var(--semi-blue-8),1)
}

.semi-tag-cyan-ghost {
    background-color: transparent;
    border: 1px solid rgba(var(--semi-cyan-4),1);
    color: rgba(var(--semi-cyan-5),1)
}

.semi-tag-cyan-solid {
    background-color: rgba(var(--semi-cyan-5),1);
    color: rgba(var(--semi-white),1)
}

.semi-tag-cyan-light {
    background-color: rgba(var(--semi-cyan-5),.15);
    color: rgba(var(--semi-cyan-8),1)
}

.semi-tag-green-ghost {
    background-color: transparent;
    border: 1px solid rgba(var(--semi-green-4),1);
    color: rgba(var(--semi-green-5),1)
}

.semi-tag-green-solid {
    background-color: rgba(var(--semi-green-5),1);
    color: rgba(var(--semi-white),1)
}

.semi-tag-green-light {
    background-color: rgba(var(--semi-green-5),.15);
    color: rgba(var(--semi-green-8),1)
}

.semi-tag-grey-ghost {
    background-color: transparent;
    border: 1px solid rgba(var(--semi-grey-4),1);
    color: rgba(var(--semi-grey-5),1)
}

.semi-tag-grey-solid {
    background-color: rgba(var(--semi-grey-5),1);
    color: rgba(var(--semi-white),1)
}

.semi-tag-grey-light {
    background-color: rgba(var(--semi-grey-5),.15);
    color: rgba(var(--semi-grey-8),1)
}

.semi-tag-indigo-ghost {
    background-color: transparent;
    border: 1px solid rgba(var(--semi-indigo-4),1);
    color: rgba(var(--semi-indigo-5),1)
}

.semi-tag-indigo-solid {
    background-color: rgba(var(--semi-indigo-5),1);
    color: rgba(var(--semi-white),1)
}

.semi-tag-indigo-light {
    background-color: rgba(var(--semi-indigo-5),.15);
    color: rgba(var(--semi-indigo-8),1)
}

.semi-tag-light-blue-ghost {
    background-color: transparent;
    border: 1px solid rgba(var(--semi-light-blue-4),1);
    color: rgba(var(--semi-light-blue-5),1)
}

.semi-tag-light-blue-solid {
    background-color: rgba(var(--semi-light-blue-5),1);
    color: rgba(var(--semi-white),1)
}

.semi-tag-light-blue-light {
    background-color: rgba(var(--semi-light-blue-5),.15);
    color: rgba(var(--semi-light-blue-8),1)
}

.semi-tag-light-green-ghost {
    background-color: transparent;
    border: 1px solid rgba(var(--semi-light-green-4),1);
    color: rgba(var(--semi-light-green-5),1)
}

.semi-tag-light-green-solid {
    background-color: rgba(var(--semi-light-green-5),1);
    color: rgba(var(--semi-white),1)
}

.semi-tag-light-green-light {
    background-color: rgba(var(--semi-light-green-5),.15);
    color: rgba(var(--semi-light-green-8),1)
}

.semi-tag-lime-ghost {
    background-color: transparent;
    border: 1px solid rgba(var(--semi-lime-4),1);
    color: rgba(var(--semi-lime-5),1)
}

.semi-tag-lime-solid {
    background-color: rgba(var(--semi-lime-5),1);
    color: rgba(var(--semi-white),1)
}

.semi-tag-lime-light {
    background-color: rgba(var(--semi-lime-5),.15);
    color: rgba(var(--semi-lime-8),1)
}

.semi-tag-orange-ghost {
    background-color: transparent;
    border: 1px solid rgba(var(--semi-orange-4),1);
    color: rgba(var(--semi-orange-5),1)
}

.semi-tag-orange-solid {
    background-color: rgba(var(--semi-orange-5),1);
    color: rgba(var(--semi-white),1)
}

.semi-tag-orange-light {
    background-color: rgba(var(--semi-orange-5),.15);
    color: rgba(var(--semi-orange-8),1)
}

.semi-tag-pink-ghost {
    background-color: transparent;
    border: 1px solid rgba(var(--semi-pink-4),1);
    color: rgba(var(--semi-pink-5),1)
}

.semi-tag-pink-solid {
    background-color: rgba(var(--semi-pink-5),1);
    color: rgba(var(--semi-white),1)
}

.semi-tag-pink-light {
    background-color: rgba(var(--semi-pink-5),.15);
    color: rgba(var(--semi-pink-8),1)
}

.semi-tag-purple-ghost {
    background-color: transparent;
    border: 1px solid rgba(var(--semi-purple-4),1);
    color: rgba(var(--semi-purple-5),1)
}

.semi-tag-purple-solid {
    background-color: rgba(var(--semi-purple-5),1);
    color: rgba(var(--semi-white),1)
}

.semi-tag-purple-light {
    background-color: rgba(var(--semi-purple-5),.15);
    color: rgba(var(--semi-purple-8),1)
}

.semi-tag-red-ghost {
    background-color: transparent;
    border: 1px solid rgba(var(--semi-red-4),1);
    color: rgba(var(--semi-red-5),1)
}

.semi-tag-red-solid {
    background-color: rgba(var(--semi-red-5),1);
    color: rgba(var(--semi-white),1)
}

.semi-tag-red-light {
    background-color: rgba(var(--semi-red-5),.15);
    color: rgba(var(--semi-red-8),1)
}

.semi-tag-teal-ghost {
    background-color: transparent;
    border: 1px solid rgba(var(--semi-teal-4),1);
    color: rgba(var(--semi-teal-5),1)
}

.semi-tag-teal-solid {
    background-color: rgba(var(--semi-teal-5),1);
    color: rgba(var(--semi-white),1)
}

.semi-tag-teal-light {
    background-color: rgba(var(--semi-teal-5),.15);
    color: rgba(var(--semi-teal-8),1)
}

.semi-tag-violet-ghost {
    background-color: transparent;
    border: 1px solid rgba(var(--semi-violet-4),1);
    color: rgba(var(--semi-violet-5),1)
}

.semi-tag-violet-solid {
    background-color: rgba(var(--semi-violet-5),1);
    color: rgba(var(--semi-white),1)
}

.semi-tag-violet-light {
    background-color: rgba(var(--semi-violet-5),.15);
    color: rgba(var(--semi-violet-8),1)
}

.semi-tag-yellow-ghost {
    background-color: transparent;
    border: 1px solid rgba(var(--semi-yellow-4),1);
    color: rgba(var(--semi-yellow-5),1)
}

.semi-tag-yellow-solid {
    background-color: rgba(var(--semi-yellow-5),1);
    color: rgba(var(--semi-white),1)
}

.semi-tag-yellow-light {
    background-color: rgba(var(--semi-yellow-5),.15);
    color: rgba(var(--semi-yellow-8),1)
}

.semi-tag-white-ghost, .semi-tag-white-solid, .semi-tag-white-light {
    background-color: var(--semi-color-nav-bg);
    border: 1px solid rgba(var(--semi-grey-2),.7);
    color: var(--semi-color-text-0)
}

    .semi-tag-white-ghost .semi-tag-close, .semi-tag-white-light .semi-tag-close, .semi-tag-white-solid .semi-tag-close {
        color: var(--semi-color-text-2)
    }

.semi-tag-avatar-square, .semi-tag-avatar-circle {
    background-color: var(--semi-color-bg-4);
    border: 1px solid var(--semi-color-border);
    color: var(--semi-color-text-0)
}

.semi-tag-solid .semi-tag-close {
    color: var(--semi-color-white);
    opacity: .8
}

    .semi-tag-solid .semi-tag-close:hover {
        opacity: 1
    }

    .semi-tag-solid .semi-tag-close:active {
        opacity: .9
    }

.semi-rtl .semi-tag, .semi-portal-rtl .semi-tag {
    direction: rtl
}

.semi-rtl .semi-tag-close, .semi-portal-rtl .semi-tag-close {
    padding-left: auto;
    padding-right: 4px
}

.semi-rtl .semi-tag-closable, .semi-portal-rtl .semi-tag-closable {
    padding: 4px 8px 4px 4px
}

.semi-rtl .semi-tag-avatar-square .semi-avatar, .semi-rtl .semi-tag-avatar-circle .semi-avatar, .semi-portal-rtl .semi-tag-avatar-square .semi-avatar, .semi-portal-rtl .semi-tag-avatar-circle .semi-avatar {
    margin-right: auto;
    margin-left: 4px
}

.semi-rtl .semi-tag-avatar-square, .semi-portal-rtl .semi-tag-avatar-square {
    padding-right: auto;
    padding-left: 4px
}

.semi-rtl .semi-tag-avatar-circle, .semi-portal-rtl .semi-tag-avatar-circle {
    padding: 2px 2px 2px 4px
}

.semi-rtl .semi-tag-group, .semi-portal-rtl .semi-tag-group {
    direction: rtl
}

    .semi-rtl .semi-tag-group .semi-tag, .semi-portal-rtl .semi-tag-group .semi-tag {
        margin-right: auto;
        margin-left: 8px
    }

.semi-rtl .semi-tag-rest-group-popover, .semi-portal-rtl .semi-tag-rest-group-popover {
    direction: rtl
}

    .semi-rtl .semi-tag-rest-group-popover .semi-tag, .semi-portal-rtl .semi-tag-rest-group-popover .semi-tag {
        margin-right: 0;
        margin-left: 8px
    }

        .semi-rtl .semi-tag-rest-group-popover .semi-tag:last-of-type, .semi-portal-rtl .semi-tag-rest-group-popover .semi-tag:last-of-type {
            margin-right: auto;
            margin-left: 0
        }

.semi-collapsible-transition {
    transition: height .25s cubic-bezier(.25,.1,.25,1) var(--semi-transition_delay-none),opacity .25s var(--semi-transition_function-easeIn) var(--semi-transition_delay-none)
}

.semi-modal {
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    position: relative;
    margin: 80px auto;
    color: var(--semi-color-text-0)
}

.semi-modal-mask {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: var(--semi-color-overlay-bg);
    height: 100%;
    z-index: 1000
}

.semi-modal-mask-hidden {
    display: none
}

.semi-modal-icon-wrapper {
    display: inline-flex;
    margin-right: 12px;
    width: 24px
}

.semi-modal-wrap {
    position: fixed;
    overflow: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.semi-modal-wrap-center {
    display: flex;
    align-items: center
}

.semi-modal-title {
    display: inline-flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    margin: 0
}

.semi-modal-content {
    position: relative;
    display: flex;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    flex-direction: column;
    background-color: var(--semi-color-bg-2);
    border: 1px solid var(--semi-color-border);
    border-radius: var(--semi-border-radius-large);
    padding: 0 24px;
    background-clip: padding-box;
    overflow: hidden;
    box-shadow: var(--semi-shadow-elevated)
}

.semi-modal-footerfill {
    display: flex
}

.semi-modal-content-fullScreen {
    border-radius: 0;
    border: none;
    top: 0
}

.semi-modal-header {
    display: flex;
    align-items: flex-start;
    margin: 24px 0;
    padding: 0;
    font-size: 14px;
    font-weight: 600;
    background-color: transparent;
    color: var(--semi-color-text-0);
    border-bottom: 0 solid transparent
}

.semi-modal-body-wrapper {
    display: flex;
    align-items: flex-start;
    margin: 24px 0
}

.semi-modal-body {
    flex: 1 1 auto;
    margin: 0;
    padding: 0
}

.semi-modal-withIcon {
    margin-left: 36px
}

.semi-modal-footer {
    margin: 24px 0;
    padding: 0;
    text-align: right;
    border-radius: 0 0 5px 5px;
    border-top: 0 solid transparent;
    background-color: transparent
}

    .semi-modal-footer .semi-button {
        margin-left: 12px;
        margin-right: 0
    }

.semi-modal-confirm .semi-modal-header {
    margin-bottom: 8px
}

.semi-modal-confirm-icon-wrapper {
    display: inline-flex;
    margin-right: 12px;
    width: 24px
}

.semi-modal-confirm-icon {
    display: inline-flex;
    color: var(--semi-color-primary)
}

.semi-modal-info-icon {
    color: var(--semi-color-info)
}

.semi-modal-success-icon {
    color: var(--semi-color-success)
}

.semi-modal-error-icon {
    color: var(--semi-color-danger)
}

.semi-modal-warning-icon {
    color: var(--semi-color-warning)
}

.semi-modal-small {
    width: 448px
}

.semi-modal-medium {
    width: 684px
}

.semi-modal-large {
    width: 920px
}

.semi-modal-full-width {
    width: calc(100vw - 64px)
}

.semi-modal-centered {
    margin: 0 auto
}

.semi-modal-popup .semi-modal-mask, .semi-modal-popup .semi-modal-wrap {
    position: absolute;
    overflow: hidden
}

.semi-modal-fixed .semi-modal-mask, .semi-modal-fixed .semi-modal-wrap {
    position: fixed;
    overflow: hidden
}

.semi-modal-displayNone {
    display: none
}

.semi-modal-content-animate-show {
    animation: .12s semi-modal-content-keyframe-show cubic-bezier(.215,.61,.355,1) 0ms forwards;
    animation-fill-mode: forwards
}

.semi-modal-content-animate-hide {
    animation: .12s semi-modal-content-keyframe-hide cubic-bezier(.215,.61,.355,1) 0ms forwards;
    animation-fill-mode: forwards
}

.semi-modal-mask-animate-show {
    animation: 90ms semi-modal-mask-keyframe-show cubic-bezier(.215,.61,.355,1) 0ms forwards;
    animation-fill-mode: forwards
}

.semi-modal-mask-animate-hide {
    animation: 90ms semi-modal-mask-keyframe-hide cubic-bezier(.215,.61,.355,1) 0ms forwards;
    animation-fill-mode: forwards
}

@keyframes semi-modal-content-keyframe-show {
    0% {
        opacity: 0;
        transform: scale(.7)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes semi-modal-content-keyframe-hide {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(.7)
    }
}

@keyframes semi-modal-mask-keyframe-show {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes semi-modal-mask-keyframe-hide {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.semi-modal-rtl {
    direction: rtl
}

    .semi-modal-rtl .semi-modal-icon-wrapper, .semi-modal-confirm-rtl .semi-modal-icon-wrapper {
        margin-right: 0;
        margin-left: 12px
    }

    .semi-modal-rtl .semi-modal-withIcon, .semi-modal-confirm-rtl .semi-modal-withIcon {
        margin-left: 0;
        margin-right: 36px
    }

    .semi-modal-rtl .semi-modal-footer, .semi-modal-confirm-rtl .semi-modal-footer {
        text-align: left
    }

        .semi-modal-rtl .semi-modal-footer .semi-button, .semi-modal-confirm-rtl .semi-modal-footer .semi-button {
            margin-left: 0;
            margin-right: 12px
        }

.semi-modal-confirm-rtl {
    direction: rtl
}

.semi-modal-confirm .semi-modal-confirm-rtl .semi-button {
    margin-left: 0;
    margin-right: 12px
}

.semi-dropdown {
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px
}

.semi-dropdown-wrapper {
    overflow-y: auto;
    box-shadow: 0 0 1px #0000004d,0 4px 14px #0000001a;
    position: relative;
    z-index: 1050;
    border-radius: 10px;
    background: var(--semi-color-bg-3);
    opacity: 0
}

.semi-dropdown-wrapper-show {
    opacity: 1
}

.semi-dropdown-trigger {
    display: inline-block
}

.semi-dropdown-menu {
    list-style: none;
    padding: 4px 0;
    margin: 0
}

.semi-dropdown-title {
    color: var(--semi-color-text-2);
    padding: 8px 16px 4px;
    font-size: 12px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 16px;
    cursor: default
}

.semi-dropdown-title-withTick {
    padding-left: 31px
}

.semi-dropdown-item {
    padding: 8px 16px;
    color: var(--semi-color-text-0);
    max-width: 280px;
    display: flex;
    align-items: center;
    transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeOut) 0ms
}

.semi-dropdown-item-hover {
    background-color: var(--semi-color-fill-0)
}

.semi-dropdown-item:not(.semi-dropdown-item-active):hover {
    background-color: var(--semi-color-fill-0);
    cursor: pointer
}

.semi-dropdown-item:not(.semi-dropdown-item-active):active {
    background-color: var(--semi-color-fill-1)
}

.semi-dropdown-item:focus-visible {
    background-color: var(--semi-color-fill-0);
    outline: 0
}

.semi-dropdown-item-icon {
    display: inline-flex;
    align-items: center;
    margin-right: 8px
}

.semi-dropdown-item-danger {
    color: var(--semi-color-danger)
}

.semi-dropdown-item-secondary {
    color: var(--semi-color-secondary)
}

.semi-dropdown-item-warning {
    color: var(--semi-color-warning)
}

.semi-dropdown-item-tertiary {
    color: var(--semi-color-tertiary)
}

.semi-dropdown-item-primary {
    color: var(--semi-color-primary)
}

.semi-dropdown-item-withTick {
    padding-left: 12px
}

.semi-dropdown-item > .semi-icon {
    flex-shrink: 0;
    margin-right: 9px;
    font-size: 12px
}

.semi-dropdown-item-active {
    font-weight: 600
}

.semi-dropdown-item.semi-dropdown-item-disabled {
    color: var(--semi-color-disabled-text);
    cursor: not-allowed
}

    .semi-dropdown-item.semi-dropdown-item-disabled:hover, .semi-dropdown-item.semi-dropdown-item-disabled:active {
        cursor: not-allowed;
        background-color: transparent
    }

.semi-dropdown-divider {
    display: block;
    height: 1px;
    width: 100%;
    min-width: 100%;
    clear: both;
    background: var(--semi-color-border);
    margin: 4px 0
}

.semi-rtl .semi-dropdown-wrapper, .semi-portal-rtl .semi-dropdown-wrapper {
    direction: rtl
}

.semi-rtl .semi-dropdown-title-withTick, .semi-portal-rtl .semi-dropdown-title-withTick {
    padding-left: 0;
    padding-right: 31px
}

.semi-rtl .semi-dropdown-item-withTick, .semi-portal-rtl .semi-dropdown-item-withTick {
    padding-left: auto;
    padding-right: 12px
}

.semi-rtl .semi-dropdown-item > .semi-icon, .semi-portal-rtl .semi-dropdown-item > .semi-icon {
    margin-right: 0;
    margin-left: 9px
}

.semi-navigation {
    box-sizing: border-box;
    display: inline-flex;
    width: 240px;
    outline: none;
    overflow: hidden;
    margin: 0;
    padding-left: 8px;
    padding-right: 8px;
    -webkit-user-select: none;
    user-select: none;
    transition: padding-left .1s ease-out,width .2s cubic-bezier(.62,.05,.36,.95);
    border-right: 1px solid var(--semi-color-border);
    background-color: var(--semi-color-nav-bg)
}

.semi-navigation-inner {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between
}

.semi-navigation-list {
    margin: 0;
    padding: 0;
    list-style: none
}

    .semi-navigation-list > .semi-navigation-item-normal {
        height: 36px
    }

    .semi-navigation-list > .semi-navigation-item {
        font-weight: 600
    }

        .semi-navigation-list > .semi-navigation-item > .semi-navigation-sub-title {
            font-weight: 600
        }

.semi-navigation-collapsed {
    width: 60px;
    padding-left: 8px;
    padding-right: 8px;
    transition: padding-left .1s ease-out,width .2s cubic-bezier(.62,.05,.36,.95)
}

    .semi-navigation-collapsed .semi-navigation-item-text {
        transition: opacity .2s cubic-bezier(.5,-.1,1,.4);
        opacity: 0
    }

    .semi-navigation-collapsed .semi-navigation-item-icon:last-child {
        transition: opacity .2s cubic-bezier(.5,-.1,1,.4);
        opacity: 0
    }

.semi-navigation-sub-wrap .semi-navigation-sub-title, .semi-navigation-item {
    cursor: pointer;
    display: flex;
    border-radius: var(--semi-border-radius-small);
    padding: 8px 12px;
    box-sizing: border-box;
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    font-weight: 400;
    color: var(--semi-color-text-0);
    width: 100%;
    transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none)
}

.semi-navigation-sub-wrap .semi-navigation-sub-title-text, .semi-navigation-item-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: opacity .2s cubic-bezier(.5,-.1,1,.4);
    opacity: 1
}

.semi-navigation-sub-wrap .semi-navigation-sub-title-indent, .semi-navigation-item-indent {
    width: 32px
}

.semi-navigation-sub-wrap .semi-navigation-sub-title:focus-visible, .semi-navigation-item:focus-visible {
    outline: 2px solid var(--semi-color-primary-light-active);
    outline-offset: -2px
}

.semi-navigation-header-link, .semi-navigation-item-link {
    display: flex;
    width: 100%;
    color: inherit;
    text-decoration: none;
    align-items: center;
    justify-content: flex-start
}

.semi-navigation-item-has-link {
    padding: 0
}

    .semi-navigation-item-has-link .semi-navigation-item-link {
        padding: 8px 12px
    }

.semi-navigation-item-sub {
    padding: 0
}

.semi-navigation-sub-wrap > .semi-navigation-item-inner {
    width: 100%
}

.semi-navigation-sub-wrap .semi-navigation-sub-title > .semi-navigation-item-inner {
    display: flex
}

.semi-navigation-item-inner {
    display: flex;
    align-items: center;
    width: 100%;
    flex: 0 0 auto
}

.semi-navigation-item-title {
    opacity: 1;
    transition: opacity .1s 100s ease-out
}

.semi-navigation .semi-navigation-sub-title {
    margin-bottom: 0
}

.semi-navigation-item-icon-info {
    display: inline-flex;
    color: var(--semi-color-text-2);
    margin-right: 12px;
    min-width: 20px;
    margin-left: 0
}

.semi-navigation-item-icon-toggle-left {
    display: inline-flex;
    color: var(--semi-color-text-2);
    margin-right: 12px;
    min-width: 20px
}

.semi-navigation-item-icon-toggle-right {
    display: inline-flex;
    color: var(--semi-color-text-2);
    margin-left: auto;
    transition: opacity .2s cubic-bezier(.5,-.1,1,.4);
    opacity: 1
}

.semi-navigation-item-selected {
    background-color: var(--semi-color-primary-light-default);
    color: var(--semi-color-text-0)
}

    .semi-navigation-item-selected .semi-navigation-item-icon:first-child {
        color: var(--semi-color-primary)
    }

    .semi-navigation-item-selected.semi-navigation-item-disabled {
        background-color: transparent;
        color: var(--semi-color-primary-disabled);
        cursor: not-allowed
    }

        .semi-navigation-item-selected.semi-navigation-item-disabled .semi-navigation-item-icon:first-child {
            color: var(--semi-color-primary-disabled)
        }

.semi-navigation-item-disabled {
    background-color: transparent;
    color: var(--semi-color-disabled-text);
    cursor: not-allowed
}

    .semi-navigation-item-disabled .semi-navigation-item-icon, .semi-navigation-item-disabled .semi-navigation-item-icon:first-child {
        color: var(--semi-color-disabled-text)
    }

.semi-navigation-inner > .semi-navigation-item {
    color: var(--semi-color-text-0)
}

.semi-navigation-item-normal:hover:not(.semi-navigation-item-selected) {
    background-color: var(--semi-color-fill-0);
    color: var(--semi-color-text-0)
}

    .semi-navigation-item-normal:hover:not(.semi-navigation-item-selected) .semi-navigation-item-icon:first-child {
        color: var(--semi-color-text-2)
    }

.semi-navigation-item-normal:hover.semi-navigation-item-selected {
    color: var(--semi-color-text-0);
    background-color: var(--semi-color-fill-0)
}

    .semi-navigation-item-normal:hover.semi-navigation-item-selected .semi-navigation-item-icon:first-child {
        color: var(--semi-color-primary)
    }

.semi-navigation-item-normal:hover.semi-navigation-item-disabled {
    background-color: transparent;
    color: var(--semi-color-disabled-text);
    cursor: not-allowed
}

    .semi-navigation-item-normal:hover.semi-navigation-item-disabled .semi-navigation-item-icon, .semi-navigation-item-normal:hover.semi-navigation-item-disabled .semi-navigation-item-icon:first-child {
        color: var(--semi-color-disabled-text)
    }

.semi-navigation-item-normal:hover.semi-navigation-item-selected.semi-navigation-item-disabled {
    background-color: transparent;
    color: var(--semi-color-primary-disabled);
    cursor: not-allowed
}

    .semi-navigation-item-normal:hover.semi-navigation-item-selected.semi-navigation-item-disabled .semi-navigation-item-icon:first-child {
        color: var(--semi-color-primary-disabled)
    }

.semi-navigation-item-normal:active:not(.semi-navigation-item-selected), .semi-navigation-inner > .semi-navigation-item-normal:active:not(.semi-navigation-item-selected) {
    background-color: var(--semi-color-fill-1);
    color: var(--semi-color-text-0)
}

    .semi-navigation-item-normal:active:not(.semi-navigation-item-selected) .semi-navigation-item-icon:first-child, .semi-navigation-inner > .semi-navigation-item-normal:active:not(.semi-navigation-item-selected) .semi-navigation-item-icon:first-child {
        color: var(--semi-color-text-2)
    }

.semi-navigation-item-normal:active.semi-navigation-item-selected, .semi-navigation-inner > .semi-navigation-item-normal:active.semi-navigation-item-selected {
    color: var(--semi-color-text-0);
    background-color: var(--semi-color-fill-1)
}

    .semi-navigation-item-normal:active.semi-navigation-item-selected .semi-navigation-item-icon:first-child, .semi-navigation-inner > .semi-navigation-item-normal:active.semi-navigation-item-selected .semi-navigation-item-icon:first-child {
        color: var(--semi-color-primary)
    }

.semi-navigation-item-normal:active.semi-navigation-item-disabled, .semi-navigation-inner > .semi-navigation-item-normal:active.semi-navigation-item-disabled {
    background-color: transparent;
    color: var(--semi-color-disabled-text);
    cursor: not-allowed
}

    .semi-navigation-item-normal:active.semi-navigation-item-disabled .semi-navigation-item-icon, .semi-navigation-item-normal:active.semi-navigation-item-disabled .semi-navigation-item-icon:first-child, .semi-navigation-inner > .semi-navigation-item-normal:active.semi-navigation-item-disabled .semi-navigation-item-icon, .semi-navigation-inner > .semi-navigation-item-normal:active.semi-navigation-item-disabled .semi-navigation-item-icon:first-child {
        color: var(--semi-color-disabled-text)
    }

.semi-navigation-sub-wrap .semi-navigation-item-inner {
    display: block
}

.semi-navigation-sub-wrap {
    display: block;
    padding: 0;
    margin-top: 0;
    height: inherit
}

    .semi-navigation-sub-wrap .semi-navigation-sub-title {
        display: flex;
        justify-content: flex-start;
        height: 36px;
        align-items: center
    }

.semi-navigation-sub {
    font-weight: 400;
    font-size: 14px;
    list-style: none;
    outline: none;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

    .semi-navigation-sub .semi-navigation-item {
        color: var(--semi-color-text-0);
        background-color: transparent;
        height: 36px;
        font-weight: 400;
        width: 100%
    }

        .semi-navigation-sub .semi-navigation-item:first-child {
            margin-top: 8px
        }

        .semi-navigation-sub .semi-navigation-item > .semi-navigation-sub .semi-navigation-item-text:first-child {
            margin-left: 44px
        }

        .semi-navigation-sub .semi-navigation-item:hover:not(.semi-navigation-sub-wrap):not(.semi-navigation-item-selected):not(.semi-navigation-item-disabled) {
            background-color: var(--semi-color-fill-0);
            color: var(--semi-color-text-0)
        }

            .semi-navigation-sub .semi-navigation-item:hover:not(.semi-navigation-sub-wrap):not(.semi-navigation-item-selected):not(.semi-navigation-item-disabled) .semi-navigation-item-icon:first-child {
                color: var(--semi-color-text-2)
            }

        .semi-navigation-sub .semi-navigation-item:hover.semi-navigation-item-disabled {
            background-color: transparent;
            color: var(--semi-color-disabled-text);
            cursor: not-allowed
        }

            .semi-navigation-sub .semi-navigation-item:hover.semi-navigation-item-disabled .semi-navigation-item-icon, .semi-navigation-sub .semi-navigation-item:hover.semi-navigation-item-disabled .semi-navigation-item-icon:first-child {
                color: var(--semi-color-disabled-text)
            }

        .semi-navigation-sub .semi-navigation-item:hover.semi-navigation-item-selected {
            background-color: var(--semi-color-primary-light-default);
            color: var(--semi-color-text-0)
        }

            .semi-navigation-sub .semi-navigation-item:hover.semi-navigation-item-selected .semi-navigation-item-icon:first-child {
                color: var(--semi-color-primary)
            }

        .semi-navigation-sub .semi-navigation-item:active:not(.semi-navigation-sub-wrap):not(.semi-navigation-item-selected):not(.semi-navigation-item-disabled) {
            background-color: var(--semi-color-fill-1);
            color: var(--semi-color-text-0)
        }

            .semi-navigation-sub .semi-navigation-item:active:not(.semi-navigation-sub-wrap):not(.semi-navigation-item-selected):not(.semi-navigation-item-disabled) .semi-navigation-item-icon:first-child {
                color: var(--semi-color-text-2)
            }

        .semi-navigation-sub .semi-navigation-item:active.semi-navigation-item-disabled {
            background-color: transparent;
            color: var(--semi-color-disabled-text);
            cursor: not-allowed
        }

            .semi-navigation-sub .semi-navigation-item:active.semi-navigation-item-disabled .semi-navigation-item-icon, .semi-navigation-sub .semi-navigation-item:active.semi-navigation-item-disabled .semi-navigation-item-icon:first-child {
                color: var(--semi-color-disabled-text)
            }

        .semi-navigation-sub .semi-navigation-item:active.semi-navigation-item-selected {
            background-color: var(--semi-color-primary-light-default);
            color: var(--semi-color-text-0)
        }

            .semi-navigation-sub .semi-navigation-item:active.semi-navigation-item-selected .semi-navigation-item-icon:first-child {
                color: var(--semi-color-primary)
            }

    .semi-navigation-sub .semi-navigation-item-selected {
        background-color: var(--semi-color-primary-light-default);
        color: var(--semi-color-text-0)
    }

        .semi-navigation-sub .semi-navigation-item-selected .semi-navigation-item-icon:first-child {
            color: var(--semi-color-primary)
        }

        .semi-navigation-sub .semi-navigation-item-selected.semi-navigation-item-disabled {
            cursor: not-allowed;
            background-color: var(--semi-color-primary-light-default);
            color: var(--semi-color-disabled-text)
        }

    .semi-navigation-sub .semi-navigation-item-disabled {
        background-color: transparent;
        color: var(--semi-color-disabled-text);
        cursor: not-allowed
    }

        .semi-navigation-sub .semi-navigation-item-disabled .semi-navigation-item-icon, .semi-navigation-sub .semi-navigation-item-disabled .semi-navigation-item-icon:first-child {
            color: var(--semi-color-disabled-text)
        }

    .semi-navigation-sub .semi-navigation-sub-wrap {
        height: inherit
    }

.semi-navigation-icon-rotate-0 {
    transition: transform .2s ease-in-out;
    transform: rotate(0)
}

.semi-navigation-icon-rotate-180 {
    transition: transform .2s ease-in-out;
    transform: rotate(-180deg)
}

.semi-navigation-header {
    display: inline-flex;
    align-items: center;
    box-sizing: border-box
}

.semi-navigation-header-logo {
    margin-left: 0;
    margin-right: 8px;
    display: inline-flex
}

    .semi-navigation-header-logo > .semi-icon, .semi-navigation-header-logo > img {
        width: 36px;
        height: 36px;
        object-fit: scale-down
    }

.semi-navigation-header-text {
    font-size: 16px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 24px;
    font-weight: 600;
    display: inline-flex;
    color: var(--semi-color-text-0);
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: opacity .2s cubic-bezier(.5,-.1,1,.4);
    opacity: 1
}

.semi-navigation-footer {
    box-sizing: border-box;
    padding: 16px 24px;
    display: inline-flex;
    align-items: center
}

    .semi-navigation-footer .semi-navigation-collapse-btn {
        text-overflow: ellipsis;
        white-space: nowrap
    }

.semi-navigation-collapsed .semi-navigation-header {
    justify-content: center
}

    .semi-navigation-collapsed .semi-navigation-header .semi-navigation-header-logo {
        margin-right: 0;
        width: 100%
    }

        .semi-navigation-collapsed .semi-navigation-header .semi-navigation-header-logo > .semi-icon, .semi-navigation-collapsed .semi-navigation-header .semi-navigation-header-logo > img {
            width: 36px;
            max-width: 100%;
            max-height: 100%
        }

    .semi-navigation-collapsed .semi-navigation-header .semi-navigation-header-text {
        transition: opacity .2s cubic-bezier(.5,-.1,1,.4);
        opacity: 0
    }

.semi-navigation-vertical .semi-navigation-list > .semi-navigation-item-selected:not(.semi-navigation-item-disabled).semi-navigation-item-normal:hover .semi-navigation-item-icon:first-child {
    color: var(--semi-color-primary)
}

.semi-navigation-vertical .semi-navigation-list > .semi-navigation-sub-wrap > .semi-navigation-sub-title {
    color: var(--semi-color-text-0);
    background-color: transparent
}

.semi-navigation-vertical .semi-navigation-list > .semi-navigation-sub-wrap > .semi-navigation-sub-title-selected {
    font-weight: 600;
    background-color: var(--semi-color-primary-light-default);
    color: var(--semi-color-text-0)
}

    .semi-navigation-vertical .semi-navigation-list > .semi-navigation-sub-wrap > .semi-navigation-sub-title-selected .semi-navigation-item-icon:first-child {
        color: var(--semi-color-primary)
    }

.semi-navigation-vertical .semi-navigation-list > .semi-navigation-sub-wrap > .semi-navigation-sub-title-selected {
    background-color: transparent
}

    .semi-navigation-vertical .semi-navigation-list > .semi-navigation-sub-wrap > .semi-navigation-sub-title-selected.semi-navigation-sub-title-disabled {
        background-color: transparent;
        color: var(--semi-color-primary-disabled);
        cursor: not-allowed
    }

        .semi-navigation-vertical .semi-navigation-list > .semi-navigation-sub-wrap > .semi-navigation-sub-title-selected.semi-navigation-sub-title-disabled .semi-navigation-item-icon:first-child {
            color: var(--semi-color-primary-disabled)
        }

.semi-navigation-vertical .semi-navigation-list > .semi-navigation-sub-wrap > .semi-navigation-sub-title-disabled {
    font-weight: 600;
    background-color: transparent;
    color: var(--semi-color-disabled-text);
    cursor: not-allowed
}

    .semi-navigation-vertical .semi-navigation-list > .semi-navigation-sub-wrap > .semi-navigation-sub-title-disabled .semi-navigation-item-icon, .semi-navigation-vertical .semi-navigation-list > .semi-navigation-sub-wrap > .semi-navigation-sub-title-disabled .semi-navigation-item-icon:first-child {
        color: var(--semi-color-disabled-text)
    }

.semi-navigation-vertical .semi-navigation-list > .semi-navigation-sub-wrap > .semi-navigation-sub-title:hover:not(.semi-navigation-sub-title-selected) {
    background-color: var(--semi-color-fill-0);
    color: var(--semi-color-text-0)
}

    .semi-navigation-vertical .semi-navigation-list > .semi-navigation-sub-wrap > .semi-navigation-sub-title:hover:not(.semi-navigation-sub-title-selected) .semi-navigation-item-icon:first-child {
        color: var(--semi-color-text-2)
    }

.semi-navigation-vertical .semi-navigation-list > .semi-navigation-sub-wrap > .semi-navigation-sub-title:hover.semi-navigation-sub-title-selected {
    color: var(--semi-color-text-0);
    background-color: var(--semi-color-fill-0)
}

    .semi-navigation-vertical .semi-navigation-list > .semi-navigation-sub-wrap > .semi-navigation-sub-title:hover.semi-navigation-sub-title-selected .semi-navigation-item-icon:first-child {
        color: var(--semi-color-primary)
    }

.semi-navigation-vertical .semi-navigation-list > .semi-navigation-sub-wrap > .semi-navigation-sub-title:active:not(.semi-navigation-sub-title-selected) {
    background-color: var(--semi-color-fill-1);
    color: var(--semi-color-text-0)
}

    .semi-navigation-vertical .semi-navigation-list > .semi-navigation-sub-wrap > .semi-navigation-sub-title:active:not(.semi-navigation-sub-title-selected) .semi-navigation-item-icon:first-child {
        color: var(--semi-color-text-2)
    }

.semi-navigation-vertical .semi-navigation-list > .semi-navigation-sub-wrap > .semi-navigation-sub-title:active.semi-navigation-sub-title-selected {
    color: var(--semi-color-text-0);
    background-color: var(--semi-color-fill-1)
}

    .semi-navigation-vertical .semi-navigation-list > .semi-navigation-sub-wrap > .semi-navigation-sub-title:active.semi-navigation-sub-title-selected .semi-navigation-item-icon:first-child {
        color: var(--semi-color-primary)
    }

.semi-navigation-vertical .semi-navigation-list > .semi-navigation-sub-wrap > .semi-navigation-sub-title:hover.semi-navigation-sub-title-disabled:not(.semi-navigation-sub-title-selected), .semi-navigation-vertical .semi-navigation-list > .semi-navigation-sub-wrap > .semi-navigation-sub-title:active.semi-navigation-sub-title-disabled:not(.semi-navigation-sub-title-selected) {
    background-color: transparent;
    color: var(--semi-color-disabled-text);
    cursor: not-allowed
}

    .semi-navigation-vertical .semi-navigation-list > .semi-navigation-sub-wrap > .semi-navigation-sub-title:hover.semi-navigation-sub-title-disabled:not(.semi-navigation-sub-title-selected) .semi-navigation-item-icon, .semi-navigation-vertical .semi-navigation-list > .semi-navigation-sub-wrap > .semi-navigation-sub-title:hover.semi-navigation-sub-title-disabled:not(.semi-navigation-sub-title-selected) .semi-navigation-item-icon:first-child, .semi-navigation-vertical .semi-navigation-list > .semi-navigation-sub-wrap > .semi-navigation-sub-title:active.semi-navigation-sub-title-disabled:not(.semi-navigation-sub-title-selected) .semi-navigation-item-icon, .semi-navigation-vertical .semi-navigation-list > .semi-navigation-sub-wrap > .semi-navigation-sub-title:active.semi-navigation-sub-title-disabled:not(.semi-navigation-sub-title-selected) .semi-navigation-item-icon:first-child {
        color: var(--semi-color-disabled-text)
    }

.semi-navigation-vertical .semi-navigation-list > .semi-navigation-sub-wrap > .semi-navigation-sub-title:hover.semi-navigation-sub-title-disabled.semi-navigation-sub-title-selected, .semi-navigation-vertical .semi-navigation-list > .semi-navigation-sub-wrap > .semi-navigation-sub-title:active.semi-navigation-sub-title-disabled.semi-navigation-sub-title-selected {
    background-color: transparent;
    color: var(--semi-color-primary-disabled);
    cursor: not-allowed
}

    .semi-navigation-vertical .semi-navigation-list > .semi-navigation-sub-wrap > .semi-navigation-sub-title:hover.semi-navigation-sub-title-disabled.semi-navigation-sub-title-selected .semi-navigation-item-icon:first-child, .semi-navigation-vertical .semi-navigation-list > .semi-navigation-sub-wrap > .semi-navigation-sub-title:active.semi-navigation-sub-title-disabled.semi-navigation-sub-title-selected .semi-navigation-item-icon:first-child {
        color: var(--semi-color-primary-disabled)
    }

.semi-navigation-vertical .semi-navigation-item:last-of-type {
    margin-bottom: 0
}

.semi-navigation-vertical .semi-navigation-inner {
    flex-direction: column
}

.semi-navigation-vertical .semi-navigation-header-list-outer {
    height: 100%
}

.semi-navigation-vertical .semi-navigation-list-wrapper {
    padding-top: 12px;
    overflow-y: auto;
    overflow-x: hidden
}

.semi-navigation-vertical .semi-navigation-header {
    padding: 32px 8px 36px 5.5px;
    width: 100%
}

.semi-navigation-vertical .semi-navigation-header-collapsed {
    padding-left: 5.5px;
    padding-right: 0;
    transition: padding-left .1s ease-out,width .2s cubic-bezier(.62,.05,.36,.95)
}

.semi-navigation-vertical .semi-navigation-footer {
    color: var(--semi-color-text-2);
    padding-left: 8px;
    padding-right: 8px
}

    .semi-navigation-vertical .semi-navigation-footer .semi-navigation-collapse-btn .semi-button-content-right {
        margin-left: 12px;
        opacity: 1;
        transition: opacity .2s cubic-bezier(.5,-.1,1,.4)
    }

    .semi-navigation-vertical .semi-navigation-footer .semi-navigation-collapse-btn > .semi-button {
        padding-left: 8px;
        padding-right: 8px
    }

.semi-navigation-vertical .semi-navigation-footer-collapsed {
    justify-content: center
}

    .semi-navigation-vertical .semi-navigation-footer-collapsed .semi-navigation-collapse-btn {
        width: 100%
    }

        .semi-navigation-vertical .semi-navigation-footer-collapsed .semi-navigation-collapse-btn .semi-button-content-right {
            opacity: 0;
            transition: opacity .2s cubic-bezier(.5,-.1,1,.4)
        }

.semi-navigation-horizontal {
    width: 100%;
    height: 60px;
    border-right: none;
    border-bottom: 1px solid var(--semi-color-border);
    padding-left: 24px;
    padding-right: 24px
}

    .semi-navigation-horizontal .semi-navigation-inner {
        flex-direction: row
    }

    .semi-navigation-horizontal .semi-navigation-header-list-outer {
        display: inline-flex;
        align-items: center
    }

    .semi-navigation-horizontal .semi-navigation-header-list-outer-collapsed {
        align-items: baseline
    }

    .semi-navigation-horizontal .semi-navigation-header {
        width: inherit;
        margin-right: 24px
    }

    .semi-navigation-horizontal .semi-navigation-list {
        display: inline-flex;
        align-items: center
    }

        .semi-navigation-horizontal .semi-navigation-list .semi-navigation-item {
            margin-bottom: 0;
            color: var(--semi-color-text-2);
            background-color: transparent
        }

            .semi-navigation-horizontal .semi-navigation-list .semi-navigation-item .semi-navigation-item-icon:first-child {
                color: var(--semi-color-text-2)
            }

        .semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-selected {
            color: var(--semi-color-text-0);
            background-color: transparent
        }

            .semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-selected .semi-navigation-item-icon:first-child {
                color: var(--semi-color-text-0)
            }

        .semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-disabled {
            color: var(--semi-color-disabled-text);
            background-color: transparent;
            cursor: not-allowed
        }

            .semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-disabled .semi-navigation-item-icon, .semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-disabled .semi-navigation-item-icon:first-child {
                color: var(--semi-color-disabled-text)
            }

        .semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-normal:hover:not(.semi-navigation-item-selected) {
            color: var(--semi-color-text-1);
            background-color: transparent
        }

            .semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-normal:hover:not(.semi-navigation-item-selected) .semi-navigation-item-icon:first-child {
                color: var(--semi-color-text-1)
            }

            .semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-normal:hover:not(.semi-navigation-item-selected) .semi-navigation-item-text {
                color: var(--semi-color-text-1);
                background-color: transparent
            }

        .semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-normal:active:not(.semi-navigation-item-selected) {
            color: var(--semi-color-text-0);
            background-color: transparent
        }

            .semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-normal:active:not(.semi-navigation-item-selected) .semi-navigation-item-icon:first-child {
                color: var(--semi-color-text-0)
            }

        .semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-normal:hover.semi-navigation-item-disabled, .semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-normal:active.semi-navigation-item-disabled {
            color: var(--semi-color-disabled-text);
            background-color: transparent;
            cursor: not-allowed
        }

            .semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-normal:hover.semi-navigation-item-disabled .semi-navigation-item-icon, .semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-normal:hover.semi-navigation-item-disabled .semi-navigation-item-icon:first-child, .semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-normal:active.semi-navigation-item-disabled .semi-navigation-item-icon, .semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-normal:active.semi-navigation-item-disabled .semi-navigation-item-icon:first-child {
                color: var(--semi-color-disabled-text)
            }

            .semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-normal:hover.semi-navigation-item-disabled .semi-navigation-item-text, .semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-normal:active.semi-navigation-item-disabled .semi-navigation-item-text {
                color: var(--semi-color-disabled-text);
                background-color: transparent
            }

        .semi-navigation-horizontal .semi-navigation-list .semi-navigation-item:not(:last-of-type) {
            margin-right: 8px
        }

        .semi-navigation-horizontal .semi-navigation-list .semi-navigation-sub-title .semi-navigation-item-text {
            color: var(--semi-color-text-2);
            background-color: transparent
        }

        .semi-navigation-horizontal .semi-navigation-list .semi-navigation-sub-title-selected .semi-navigation-item-icon:first-child, .semi-navigation-horizontal .semi-navigation-list .semi-navigation-sub-title-selected .semi-navigation-item-text {
            color: var(--semi-color-text-0);
            background-color: transparent
        }

        .semi-navigation-horizontal .semi-navigation-list .semi-navigation-sub-title-disabled {
            cursor: not-allowed
        }

            .semi-navigation-horizontal .semi-navigation-list .semi-navigation-sub-title-disabled .semi-navigation-item-icon:first-child, .semi-navigation-horizontal .semi-navigation-list .semi-navigation-sub-title-disabled .semi-navigation-item-text {
                color: var(--semi-color-disabled-text);
                background-color: transparent
            }

    .semi-navigation-horizontal .semi-navigation-item-inner {
        width: auto
    }

    .semi-navigation-horizontal .semi-navigation-item-icon:last-child {
        margin-left: 8px
    }

    .semi-navigation-horizontal .semi-navigation-item-icon:first-child {
        margin-right: 8px
    }

    .semi-navigation-horizontal .semi-navigation-item {
        width: auto
    }

    .semi-navigation-horizontal .semi-navigation-item-collapsed {
        word-wrap: none;
        text-overflow: ellipsis
    }

    .semi-navigation-horizontal .semi-navigation-footer {
        border-top: none;
        padding-right: 0
    }

    .semi-navigation-horizontal .semi-navigation-footer-collapsed {
        justify-content: center;
        flex-direction: row;
        align-items: center
    }

.semi-navigation-popover .semi-navigation-sub-title {
    width: 100%
}

.semi-navigation-popover .semi-navigation-item-selected {
    font-weight: 400
}

.semi-dropdown-item .semi-navigation-sub-title {
    box-sizing: border-box;
    padding: 8px 12px;
    width: 100%
}

.semi-dropdown-item.semi-navigation-item {
    margin-top: 0;
    margin-bottom: 0;
    min-width: 150px
}

.semi-dropdown-menu .semi-navigation-item-sub {
    padding: 0
}

.semi-rtl .semi-navigation, .semi-portal-rtl .semi-navigation {
    direction: rtl;
    border-right: 0;
    border-left: 1px solid var(--semi-color-border);
    transition: padding-right .1s ease-out,width .2s cubic-bezier(.62,.05,.36,.95)
}

.semi-rtl .semi-navigation-collapsed, .semi-portal-rtl .semi-navigation-collapsed {
    transition: padding-right .1s ease-out,width .2s cubic-bezier(.62,.05,.36,.95)
}

.semi-rtl .semi-navigation-item-icon:first-child, .semi-portal-rtl .semi-navigation-item-icon:first-child {
    margin-right: 0;
    margin-left: 12px
}

.semi-rtl .semi-navigation-item-icon:last-child, .semi-portal-rtl .semi-navigation-item-icon:last-child {
    margin-left: 0;
    margin-right: auto
}

.semi-rtl .semi-navigation-sub .semi-navigation-item > .semi-rtl .semi-navigation-sub .semi-navigation-item-text:first-child, .semi-rtl .semi-navigation-sub .semi-navigation-item > .semi-portal-rtl .semi-navigation-sub .semi-navigation-item-text:first-child, .semi-portal-rtl .semi-navigation-sub .semi-navigation-item > .semi-rtl .semi-navigation-sub .semi-navigation-item-text:first-child, .semi-portal-rtl .semi-navigation-sub .semi-navigation-item > .semi-portal-rtl .semi-navigation-sub .semi-navigation-item-text:first-child {
    margin-left: auto;
    margin-right: 44px
}

.semi-rtl .semi-navigation-sub .semi-navigation-item > .semi-navigation-item-icon:first-child, .semi-portal-rtl .semi-navigation-sub .semi-navigation-item > .semi-navigation-item-icon:first-child {
    margin-right: 12px
}

.semi-rtl .semi-navigation-header, .semi-portal-rtl .semi-navigation-header {
    display: inline-flex;
    align-items: center;
    box-sizing: border-box
}

.semi-rtl .semi-navigation-header-logo, .semi-portal-rtl .semi-navigation-header-logo {
    margin-left: 8px;
    margin-right: 0;
    display: inline-flex
}

.semi-rtl .semi-navigation-collapsed, .semi-portal-rtl .semi-navigation-collapsed {
    direction: rtl
}

    .semi-rtl .semi-navigation-collapsed .semi-navigation-header .semi-navigation-header-logo, .semi-portal-rtl .semi-navigation-collapsed .semi-navigation-header .semi-navigation-header-logo {
        margin-right: auto;
        margin-left: 0
    }

.semi-rtl .semi-navigation-vertical, .semi-portal-rtl .semi-navigation-vertical {
    direction: rtl
}

    .semi-rtl .semi-navigation-vertical .semi-navigation-header, .semi-portal-rtl .semi-navigation-vertical .semi-navigation-header {
        padding-right: 5.5px;
        padding-left: 8px
    }

    .semi-rtl .semi-navigation-vertical .semi-navigation-header-collapsed, .semi-portal-rtl .semi-navigation-vertical .semi-navigation-header-collapsed {
        padding-right: 5.5px;
        padding-left: 0;
        transition: padding-right .1s ease-out,width .2s cubic-bezier(.62,.05,.36,.95)
    }

    .semi-rtl .semi-navigation-vertical .semi-navigation-footer .semi-navigation-collapse-btn .semi-button-content-right, .semi-portal-rtl .semi-navigation-vertical .semi-navigation-footer .semi-navigation-collapse-btn .semi-button-content-right {
        margin-left: auto;
        margin-right: 12px;
        transition: opacity .2s cubic-bezier(.5,-.1,1,.4)
    }

.semi-rtl .semi-navigation-horizontal, .semi-portal-rtl .semi-navigation-horizontal {
    direction: rtl;
    border-right: auto;
    border-left: none;
    padding-left: 24px;
    padding-right: 24px
}

    .semi-rtl .semi-navigation-horizontal .semi-navigation-header, .semi-portal-rtl .semi-navigation-horizontal .semi-navigation-header {
        margin-right: auto;
        margin-left: 24px
    }

    .semi-rtl .semi-navigation-horizontal .semi-navigation-list .semi-navigation-item:not(:last-of-type), .semi-portal-rtl .semi-navigation-horizontal .semi-navigation-list .semi-navigation-item:not(:last-of-type) {
        margin-right: auto;
        margin-left: 8px
    }

    .semi-rtl .semi-navigation-horizontal .semi-navigation-item-icon:last-child, .semi-portal-rtl .semi-navigation-horizontal .semi-navigation-item-icon:last-child {
        margin-left: auto;
        margin-right: 8px
    }

    .semi-rtl .semi-navigation-horizontal .semi-navigation-item-icon:first-child, .semi-portal-rtl .semi-navigation-horizontal .semi-navigation-item-icon:first-child {
        margin-right: auto;
        margin-left: 8px
    }

    .semi-rtl .semi-navigation-horizontal .semi-navigation-footer, .semi-portal-rtl .semi-navigation-horizontal .semi-navigation-footer {
        padding-right: auto;
        padding-left: 0
    }

.semi-notification-wrapper {
    position: fixed
}

.semi-notification-list {
    position: fixed;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    z-index: 1010;
    pointer-events: none
}

    .semi-notification-list[placement=topRight] {
        right: 0;
        top: 0
    }

    .semi-notification-list[placement=top] {
        top: 0;
        left: 50%;
        transform: translate(-50%)
    }

    .semi-notification-list[placement=topLeft] {
        left: 0;
        top: 0
    }

    .semi-notification-list[placement=bottom] {
        bottom: 0;
        left: 50%;
        transform: translate(-50%)
    }

    .semi-notification-list[placement=bottomRight] {
        bottom: 0;
        right: 0
    }

    .semi-notification-list[placement=bottomLeft] {
        bottom: 0;
        left: 0
    }

.semi-notification-notice {
    box-shadow: 0 0 1px #0000004d,0 4px 14px #0000001a;
    border-radius: 12px;
    padding: 16px 12px 16px 20px;
    margin: 20px;
    width: auto;
    min-width: 320px;
    background-color: var(--semi-color-bg-1);
    position: relative;
    display: flex;
    pointer-events: auto
}

.semi-notification-notice-icon {
    width: 24px;
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 22px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    height: 100%;
    margin-right: 12px
}

.semi-notification-notice-info {
    color: var(--semi-color-text-0)
}

.semi-notification-notice-warning {
    color: var(--semi-color-warning)
}

.semi-notification-notice-error {
    color: var(--semi-color-danger)
}

.semi-notification-notice-success {
    color: var(--semi-color-success)
}

.semi-notification-notice-light.semi-notification-notice-warning {
    background-image: linear-gradient(0deg,var(--semi-color-warning-light-default),var(--semi-color-warning-light-default));
    background-color: var(--semi-color-bg-0);
    border: 1px solid rgba(var(--semi-yellow-5),.2)
}

.semi-notification-notice-light.semi-notification-notice-success {
    background-image: linear-gradient(0deg,var(--semi-color-success-light-default),var(--semi-color-success-light-default));
    background-color: var(--semi-color-bg-0);
    border: 1px solid rgba(var(--semi-green-5),.15)
}

.semi-notification-notice-light.semi-notification-notice-info, .semi-notification-notice-light.semi-notification-notice-default {
    background-image: linear-gradient(0deg,var(--semi-color-info-light-default),var(--semi-color-info-light-default));
    background-color: var(--semi-color-bg-0);
    border: 1px solid rgba(var(--semi-blue-5),.15)
}

.semi-notification-notice-light.semi-notification-notice-error {
    background-image: linear-gradient(0deg,var(--semi-color-danger-light-default),var(--semi-color-danger-light-default));
    background-color: var(--semi-color-bg-0);
    border: 1px solid rgba(var(--semi-red-5),.15)
}

.semi-notification-notice-title {
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 22px;
    font-weight: 600;
    color: var(--semi-color-text-0);
    margin-bottom: 4px;
    word-wrap: break-word;
    overflow-wrap: break-word
}

.semi-notification-notice-inner {
    display: flex;
    width: 100%;
    min-width: 0
}

.semi-notification-notice-content-wrapper {
    flex: 1 1 auto;
    margin-right: 8px;
    min-width: 0
}

.semi-notification-notice-content {
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    font-weight: 400;
    color: var(--semi-color-text-1);
    word-wrap: break-word;
    overflow-wrap: break-word
}

.semi-notification-notice-icon-close {
    height: 24px
}

    .semi-notification-notice-icon-close .semi-icon-close {
        color: var(--semi-color-text-2)
    }

.semi-notification-notice-controls {
    display: flex;
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    cursor: pointer
}

.semi-notification-notice-detail, .semi-notification-notice-later {
    text-align: center;
    flex-grow: 1
}

@keyframes semi-notification-slideShow_top {
    0% {
        opacity: 0;
        transform: translateY(-100%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes semi-notification-slideHide_top {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-100%)
    }
}

@keyframes semi-notification-slideShow_topLeft {
    0% {
        opacity: 0;
        transform: translate(-100%)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

@keyframes semi-notification-slideHide_topLeft {
    0% {
        opacity: 1;
        transform: translate(0)
    }

    to {
        opacity: 0;
        transform: translate(-100%)
    }
}

@keyframes semi-notification-slideShow_topRight {
    0% {
        opacity: 0;
        transform: translate(100%)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

@keyframes semi-notification-slideHide_topRight {
    0% {
        opacity: 1;
        transform: translate(0)
    }

    to {
        opacity: 0;
        transform: translate(100%)
    }
}

@keyframes semi-notification-slideShow_bottom {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes semi-notification-slideHide_bottom {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(100%)
    }
}

@keyframes semi-notification-slideShow_bottomLeft {
    0% {
        opacity: 0;
        transform: translate(-100%)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

@keyframes semi-notification-slideHide_bottomLeft {
    0% {
        opacity: 1;
        transform: translate(0)
    }

    to {
        opacity: 0;
        transform: translate(-100%)
    }
}

@keyframes semi-notification-slideShow_bottomRight {
    0% {
        opacity: 0;
        transform: translate(100%)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

@keyframes semi-notification-slideHide_bottomRight {
    0% {
        opacity: 1;
        transform: translate(0)
    }

    to {
        opacity: 0;
        transform: translate(100%)
    }
}

.semi-notification-notice-animation-show_top {
    animation: semi-notification-slideShow_top .3s cubic-bezier(.62,.63,0,1.13) 0ms;
    animation-fill-mode: forwards
}

.semi-notification-notice-animation-hide_top {
    animation: semi-notification-slideHide_top .3s cubic-bezier(.62,.63,0,1.13) 0ms;
    animation-fill-mode: forwards
}

.semi-notification-notice-animation-show_topLeft {
    animation: semi-notification-slideShow_topLeft .3s cubic-bezier(.62,.63,0,1.13) 0ms;
    animation-fill-mode: forwards
}

.semi-notification-notice-animation-hide_topLeft {
    animation: semi-notification-slideHide_topLeft .3s cubic-bezier(.62,.63,0,1.13) 0ms;
    animation-fill-mode: forwards
}

.semi-notification-notice-animation-show_topRight {
    animation: semi-notification-slideShow_topRight .3s cubic-bezier(.62,.63,0,1.13) 0ms;
    animation-fill-mode: forwards
}

.semi-notification-notice-animation-hide_topRight {
    animation: semi-notification-slideHide_topRight .3s cubic-bezier(.62,.63,0,1.13) 0ms;
    animation-fill-mode: forwards
}

.semi-notification-notice-animation-show_bottom {
    animation: semi-notification-slideShow_bottom .3s cubic-bezier(.62,.63,0,1.13) 0ms;
    animation-fill-mode: forwards
}

.semi-notification-notice-animation-hide_bottom {
    animation: semi-notification-slideHide_bottom .3s cubic-bezier(.62,.63,0,1.13) 0ms;
    animation-fill-mode: forwards
}

.semi-notification-notice-animation-show_bottomLeft {
    animation: semi-notification-slideShow_bottomLeft .3s cubic-bezier(.62,.63,0,1.13) 0ms;
    animation-fill-mode: forwards
}

.semi-notification-notice-animation-hide_bottomLeft {
    animation: semi-notification-slideHide_bottomLeft .3s cubic-bezier(.62,.63,0,1.13) 0ms;
    animation-fill-mode: forwards
}

.semi-notification-notice-animation-show_bottomRight {
    animation: semi-notification-slideShow_bottomRight .3s cubic-bezier(.62,.63,0,1.13) 0ms;
    animation-fill-mode: forwards
}

.semi-notification-notice-animation-hide_bottomRight {
    animation: semi-notification-slideHide_bottomRight .3s cubic-bezier(.62,.63,0,1.13) 0ms;
    animation-fill-mode: forwards
}

.semi-notification-notice.semi-notification-notice-rtl {
    padding-right: 20px;
    padding-left: 12px
}

.semi-notification-notice-rtl {
    direction: rtl
}

    .semi-notification-notice-rtl .semi-notification-notice-icon {
        margin-right: 12px
    }

    .semi-notification-notice-rtl .semi-notification-notice-content-wrapper {
        margin-right: 8px
    }

.semi-toast {
    pointer-events: none
}

.semi-toast-wrapper {
    position: fixed;
    height: 0;
    top: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    z-index: 1010
}

    .semi-toast-wrapper .semi-toast-innerWrapper {
        width: fit-content;
        height: fit-content;
        text-align: center
    }

    .semi-toast-wrapper .semi-toast-innerWrapper-hover .semi-toast-zero-height-wrapper {
        perspective: unset;
        perspective-origin: center center
    }

.semi-toast-zero-height-wrapper {
    transition: all .3s cubic-bezier(.22,.57,.02,1.2);
    perspective-origin: center 280px;
    perspective: 280px;
    height: 0;
    overflow: visible
}

.semi-toast-content {
    pointer-events: all;
    box-shadow: 0 0 1px #0000004d,0 4px 14px #0000001a;
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    background-color: var(--semi-color-bg-3);
    border-radius: 10px;
    padding: 12px 8px 12px 12px;
    display: inline-flex;
    align-items: flex-start;
    justify-content: center;
    margin: 12px;
    font-weight: 600;
    color: var(--semi-color-text-0)
}

    .semi-toast-content .semi-toast-close-button {
        margin-top: -2px;
        height: 20px
    }

    .semi-toast-content .semi-toast-content-text {
        margin-left: 12px;
        margin-right: 12px;
        text-align: left;
        word-wrap: break-word;
        overflow-wrap: break-word
    }

.semi-toast-light.semi-toast-warning .semi-toast-content {
    background-color: var(--semi-color-warning-light-default);
    border: 1px solid var(--semi-color-warning)
}

.semi-toast-light.semi-toast-warning .semi-toast-icon-warning {
    color: var(--semi-color-warning)
}

.semi-toast-light.semi-toast-success .semi-toast-content {
    background-color: var(--semi-color-success-light-default);
    border: 1px solid var(--semi-color-success)
}

.semi-toast-light.semi-toast-success .semi-toast-icon-success {
    color: var(--semi-color-success)
}

.semi-toast-light.semi-toast-info .semi-toast-content {
    background-color: var(--semi-color-info-light-default);
    border: 1px solid var(--semi-color-info)
}

.semi-toast-light.semi-toast-info .semi-toast-icon-info {
    color: var(--semi-color-info)
}

.semi-toast-light.semi-toast-error .semi-toast-content {
    background-color: var(--semi-color-danger-light-default);
    border: 1px solid var(--semi-color-danger)
}

.semi-toast-light.semi-toast-error .semi-toast-icon-error {
    color: var(--semi-color-danger)
}

.semi-toast .semi-toast-icon-warning {
    color: var(--semi-color-warning)
}

.semi-toast .semi-toast-icon-success {
    color: var(--semi-color-success)
}

.semi-toast .semi-toast-icon-info {
    color: var(--semi-color-info)
}

.semi-toast .semi-toast-icon-error {
    color: var(--semi-color-danger)
}

.semi-toast-animation-show {
    animation: .3s semi-toast-keyframe-toast-show cubic-bezier(.22,.57,.02,1.2) 0s;
    animation-fill-mode: forwards
}

.semi-toast-animation-hide {
    animation: .3s semi-toast-keyframe-toast-hide cubic-bezier(.22,.57,.02,1.2) 0s;
    animation-fill-mode: forwards
}

@keyframes semi-toast-keyframe-toast-show {
    0% {
        opacity: 0;
        transform: translateY(-100%)
    }

    to {
        opacity: 1
    }
}

@keyframes semi-toast-keyframe-toast-hide {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translateY(-100%)
    }
}

.semi-toast-rtl {
    direction: rtl
}

    .semi-toast-rtl .semi-toast-content .semi-toast-content-text {
        text-align: right;
        margin-left: 12px;
        margin-right: 12px
    }

*, :before, :after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: var(--un-default-border-color, #e5e7eb)
}

html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0;
    line-height: inherit
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

abbr:where([title]) {
    text-decoration: underline dotted
}

h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b, strong {
    font-weight: bolder
}

code, kbd, samp, pre {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button, select {
    text-transform: none
}

button, [type=button], [type=reset], [type=submit] {
    -webkit-appearance: button;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
    margin: 0
}

fieldset {
    margin: 0;
    padding: 0
}

legend {
    padding: 0
}

ol, ul, menu {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

    input::placeholder, textarea::placeholder {
        opacity: 1;
        color: #9ca3af
    }

button, [role=button] {
    cursor: pointer
}

:disabled {
    cursor: default
}

img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle
}

img, video {
    max-width: 100%;
    height: auto
}

[hidden]:where(:not([hidden=until-found])) {
    display: none
}

*, :before, :after {
    --un-rotate: 0;
    --un-rotate-x: 0;
    --un-rotate-y: 0;
    --un-rotate-z: 0;
    --un-scale-x: 1;
    --un-scale-y: 1;
    --un-scale-z: 1;
    --un-skew-x: 0;
    --un-skew-y: 0;
    --un-translate-x: 0;
    --un-translate-y: 0;
    --un-translate-z: 0;
    --un-pan-x:;
    --un-pan-y:;
    --un-pinch-zoom:;
    --un-scroll-snap-strictness: proximity;
    --un-ordinal:;
    --un-slashed-zero:;
    --un-numeric-figure:;
    --un-numeric-spacing:;
    --un-numeric-fraction:;
    --un-border-spacing-x: 0;
    --un-border-spacing-y: 0;
    --un-ring-offset-shadow: 0 0 rgb(0 0 0 / 0);
    --un-ring-shadow: 0 0 rgb(0 0 0 / 0);
    --un-shadow-inset:;
    --un-shadow: 0 0 rgb(0 0 0 / 0);
    --un-ring-inset:;
    --un-ring-offset-width: 0px;
    --un-ring-offset-color: #fff;
    --un-ring-width: 0px;
    --un-ring-color: rgb(147 197 253 / .5);
    --un-blur:;
    --un-brightness:;
    --un-contrast:;
    --un-drop-shadow:;
    --un-grayscale:;
    --un-hue-rotate:;
    --un-invert:;
    --un-saturate:;
    --un-sepia:;
    --un-backdrop-blur:;
    --un-backdrop-brightness:;
    --un-backdrop-contrast:;
    --un-backdrop-grayscale:;
    --un-backdrop-hue-rotate:;
    --un-backdrop-invert:;
    --un-backdrop-opacity:;
    --un-backdrop-saturate:;
    --un-backdrop-sepia:
}

::backdrop {
    --un-rotate: 0;
    --un-rotate-x: 0;
    --un-rotate-y: 0;
    --un-rotate-z: 0;
    --un-scale-x: 1;
    --un-scale-y: 1;
    --un-scale-z: 1;
    --un-skew-x: 0;
    --un-skew-y: 0;
    --un-translate-x: 0;
    --un-translate-y: 0;
    --un-translate-z: 0;
    --un-pan-x:;
    --un-pan-y:;
    --un-pinch-zoom:;
    --un-scroll-snap-strictness: proximity;
    --un-ordinal:;
    --un-slashed-zero:;
    --un-numeric-figure:;
    --un-numeric-spacing:;
    --un-numeric-fraction:;
    --un-border-spacing-x: 0;
    --un-border-spacing-y: 0;
    --un-ring-offset-shadow: 0 0 rgb(0 0 0 / 0);
    --un-ring-shadow: 0 0 rgb(0 0 0 / 0);
    --un-shadow-inset:;
    --un-shadow: 0 0 rgb(0 0 0 / 0);
    --un-ring-inset:;
    --un-ring-offset-width: 0px;
    --un-ring-offset-color: #fff;
    --un-ring-width: 0px;
    --un-ring-color: rgb(147 197 253 / .5);
    --un-blur:;
    --un-brightness:;
    --un-contrast:;
    --un-drop-shadow:;
    --un-grayscale:;
    --un-hue-rotate:;
    --un-invert:;
    --un-saturate:;
    --un-sepia:;
    --un-backdrop-blur:;
    --un-backdrop-brightness:;
    --un-backdrop-contrast:;
    --un-backdrop-grayscale:;
    --un-backdrop-hue-rotate:;
    --un-backdrop-invert:;
    --un-backdrop-opacity:;
    --un-backdrop-saturate:;
    --un-backdrop-sepia:
}

.i-ant-design\:alipay-circle-filled, [i-ant-design\:alipay-circle-filled=""] {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 1024 1024' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M512 64c247.424 0 448 200.576 448 448S759.424 960 512 960S64 759.424 64 512S264.576 64 512 64m32.493 168c-69.66 0-86.056 16.843-86.709 39.079l-.02 1.426v46.623H291.45c-9.92 0-14.28 23.053-14.27 39.31c0 2.696 2.08 4.923 4.77 4.923h175.814v58.301h-116.5c-9.96 0-14.3 23.76-14.271 39.473a4.77 4.77 0 0 0 4.77 4.76l233.448.003c-4.527 41.056-15.432 77.58-30.716 109.315l-1.224 2.494l-.32-.275c-60.244-28.47-120.431-52.577-194.407-52.577l-2.61.017c-84.982 1.112-144.718 56.503-145.916 127.04l-.018 1.222l.019 2.123c1.238 70.399 63.566 126.452 148.525 126.452c61.245-.008 116.372-16.85 163.457-45.017a139 139 0 0 0 14.068-7.962c18.09-12.116 34.892-25.955 50.304-41.156l9.452 6.344l12.456 8.322c57.527 38.257 113.763 72.617 169.856 79.27a143 143 0 0 0 18.314 1.157c43.017 0 54.991-52.68 57.387-95.508l.145-2.84c.392-8.463-6.197-15.595-14.648-15.863c-75.468-2.365-136.452-22.043-192.008-46.11l-6.267-2.742c35.146-56.8 56.657-121.816 57.155-186.661l.082-1.083c.401-5.515-3.997-10.198-9.52-10.198H549.33v-58.301h165.732c9.92 0 14.28-22.117 14.27-39.311c-.01-2.686-2.089-4.922-4.779-4.922H549.32v-82.35c0-2.656-2.175-4.778-4.827-4.778m-216.5 351.847c54.627 0 107.073 22.417 158.09 52.19l5.77 3.402c-103.575 119.837-247.172 95.903-261.724 26.37a67 67 0 0 1-1.138-9.83l-.057-2.336l.013-.907c.969-40.113 45.337-68.89 99.045-68.89'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-ant-design\:login-outlined {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 1024 1024' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M521.7 82c-152.5-.4-286.7 78.5-363.4 197.7c-3.4 5.3.4 12.3 6.7 12.3h70.3c4.8 0 9.3-2.1 12.3-5.8c7-8.5 14.5-16.7 22.4-24.5c32.6-32.5 70.5-58.1 112.7-75.9c43.6-18.4 90-27.8 137.9-27.8s94.3 9.3 137.9 27.8c42.2 17.8 80.1 43.4 112.7 75.9s58.1 70.4 76 112.5C865.7 417.8 875 464.1 875 512s-9.4 94.2-27.8 137.8c-17.8 42.1-43.4 80-76 112.5s-70.5 58.1-112.7 75.9A352.8 352.8 0 0 1 520.6 866c-47.9 0-94.3-9.4-137.9-27.8A353.8 353.8 0 0 1 270 762.3c-7.9-7.9-15.3-16.1-22.4-24.5c-3-3.7-7.6-5.8-12.3-5.8H165c-6.3 0-10.2 7-6.7 12.3C234.9 863.2 368.5 942 520.6 942c236.2 0 428-190.1 430.4-425.6C953.4 277.1 761.3 82.6 521.7 82M395.02 624v-76h-314c-4.4 0-8-3.6-8-8v-56c0-4.4 3.6-8 8-8h314v-76c0-6.7 7.8-10.5 13-6.3l141.9 112a8 8 0 0 1 0 12.6l-141.9 112c-5.2 4.1-13 .4-13-6.3'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-bx\:wrench {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M5.122 21c.378.378.88.586 1.414.586S7.572 21.378 7.95 21l4.336-4.336a7.5 7.5 0 0 0 2.217.333a7.45 7.45 0 0 0 5.302-2.195a7.48 7.48 0 0 0 1.632-8.158l-.57-1.388l-4.244 4.243l-2.121-2.122l4.243-4.243l-1.389-.571A7.5 7.5 0 0 0 14.499 2c-2.003 0-3.886.78-5.301 2.196a7.48 7.48 0 0 0-1.862 7.518L3 16.05a2 2 0 0 0 0 2.828zm4.548-8.791l-.254-.616a5.49 5.49 0 0 1 1.196-5.983a5.46 5.46 0 0 1 4.413-1.585l-3.353 3.353l4.949 4.95l3.355-3.355a5.49 5.49 0 0 1-1.587 4.416c-1.55 1.55-3.964 2.027-5.984 1.196l-.615-.255l-5.254 5.256h.001l-.001 1v-1l-2.122-2.122z'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-bxl\:baidu {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M6.217 12.486c1.964-.422 1.693-2.772 1.637-3.287c-.096-.788-1.028-2.172-2.291-2.061c-1.588.141-1.821 2.44-1.821 2.44c-.216 1.06.515 3.33 2.475 2.908m3.646-3.944c1.084 0 1.959-1.251 1.959-2.792c0-1.537-.871-2.785-1.955-2.785c-1.086 0-1.966 1.242-1.966 2.785s.88 2.792 1.965 2.792m4.671.186c1.454.195 2.38-1.355 2.568-2.53c.188-1.166-.754-2.528-1.776-2.763c-1.031-.237-2.303 1.411-2.431 2.484c-.136 1.318.188 2.627 1.634 2.813m5.751 1.973c0-.562-.46-2.253-2.19-2.253s-1.965 1.596-1.965 2.726c0 1.077.089 2.573 2.247 2.528c2.148-.052 1.913-2.438 1.913-3.002M18.1 15.626s-2.247-1.739-3.557-3.613c-1.776-2.768-4.304-1.64-5.144-.239c-.845 1.418-2.153 2.306-2.339 2.544c-.188.232-2.709 1.596-2.147 4.079s2.528 2.439 2.528 2.439s1.446.142 3.133-.234c1.686-.375 3.13.091 3.13.091s3.92 1.317 5.005-1.212c1.072-2.537-.61-3.847-.61-3.847'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-bxs\:message-square-dots {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 2H8C4.691 2 2 4.691 2 8v13a1 1 0 0 0 1 1h13c3.309 0 6-2.691 6-6V8c0-3.309-2.691-6-6-6m-5 10.5A1.5 1.5 0 0 1 9.5 14c-.086 0-.168-.011-.25-.025c-.083.01-.164.025-.25.025a2 2 0 1 1 2-2c0 .085-.015.167-.025.25c.013.082.025.164.025.25m4 1.5c-.086 0-.167-.015-.25-.025a1.5 1.5 0 0 1-.25.025a1.5 1.5 0 0 1-1.5-1.5c0-.085.012-.168.025-.25c-.01-.083-.025-.164-.025-.25a2 2 0 1 1 2 2'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-carbon\:sailboat-offshore {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M6.97 25h2.06l-.75-3h15.44l-.75 3h2.06l.94-3.758A1 1 0 0 0 25 20h-5v-3h5a1 1 0 0 0 .908-1.419l-6-13a1 1 0 0 0-1.702-.19l-9.998 13A1 1 0 0 0 9 17h9v3H7a1 1 0 0 0-.97 1.242ZM20 7.553L23.437 15H20ZM11.03 15L18 5.94V15Z'/%3E%3Cpath fill='currentColor' d='M26.906 25.751A3 3 0 0 1 24 28a3.44 3.44 0 0 1-3.051-2.316A1.01 1.01 0 0 0 20 25a.99.99 0 0 0-.947.679A3.44 3.44 0 0 1 16 28a3.44 3.44 0 0 1-3.051-2.316A1.01 1.01 0 0 0 12 25a.97.97 0 0 0-.947.679A3.44 3.44 0 0 1 8 28a3 3 0 0 1-2.906-2.249l-1.936.498A5 5 0 0 0 8 30a4.93 4.93 0 0 0 4-1.987a5.02 5.02 0 0 0 8 0A4.93 4.93 0 0 0 24 30a5 5 0 0 0 4.842-3.751Z'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-ci\:coffee {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 20h6.943m0 0h.114m-.114 0h.114m-.114 0A7 7 0 0 1 4 13V8.923c0-.51.413-.923.923-.923h12.154c.51 0 .923.413.923.923V9m-6.943 11H18m-6.943 0A7 7 0 0 0 18 13m0-4h1.5a2.5 2.5 0 0 1 0 5H18v-1m0-4v4M15 3l-1 2m-2-2l-1 2M9 3L8 5'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-ci\:settings-future {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m13.6 21.076l5.46-3.152c.584-.337.875-.505 1.087-.74a2 2 0 0 0 .416-.72c.097-.301.097-.637.097-1.307V8.843c0-.67 0-1.006-.098-1.307a2 2 0 0 0-.416-.72c-.21-.234-.5-.402-1.079-.736L13.6 2.924c-.583-.337-.874-.505-1.184-.57a2 2 0 0 0-.832 0c-.31.065-.601.233-1.184.57L4.938 6.077c-.582.336-.873.504-1.084.739a2 2 0 0 0-.416.72c-.098.302-.098.638-.098 1.311v6.305c0 .673 0 1.01.098 1.311a2 2 0 0 0 .416.72c.211.236.503.404 1.085.74l5.46 3.153c.584.337.875.505 1.185.57c.274.059.558.059.832 0c.31-.065.602-.233 1.185-.57'/%3E%3Cpath d='M9 12a3 3 0 1 0 6 0a3 3 0 0 0-6 0'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-custom\:botgem, [i-custom\:botgem=""] {
    background: url("data:image/svg+xml;utf8,%3Csvg width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.468 18'%3E%3Cellipse cx='13.412' cy='10.145' rx='6.056' ry='6.06' fill='%23F0E658'/%3E%3Cpath d='M17.046 8.529c0 4.71-3.096 9.471-9.512 9.471.18-.584-.09-1.167-.468-1.288C2.897 15.374 0 12.99 0 8.529 0 3.819 3.816 0 8.523 0s8.523 3.818 8.523 8.529z' fill='%2362B464'/%3E%3Cpath d='M4.261 6.62c0-.483.392-.874.876-.874h6.323a.875.875 0 0 1 0 1.75H5.137a.875.875 0 0 1-.876-.875z' fill='%23FFF'/%3E%3C/svg%3E") no-repeat;
    background-size: 100% 100%;
    background-color: transparent;
    width: 1em;
    height: 1em
}

.i-custom\:chatweb, [i-custom\:chatweb=""] {
    background: url("data:image/svg+xml;utf8,%3Csvg width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cdefs%3E%3ClinearGradient x1='.158' y1='.967' x2='.772' y2='.099' id='a'%3E%3Cstop offset='0%25' stop-color='%23FFF'/%3E%3Cstop offset='100%25' stop-color='%23FFF' stop-opacity='.78'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 12.16V3.84A3.84 3.84 0 0 1 3.84 0h8.32A3.84 3.84 0 0 1 16 3.84v8.32A3.84 3.84 0 0 1 12.16 16H3.84A3.84 3.84 0 0 1 0 12.16z' fill='%23315EF8'/%3E%3Cpath d='M8.104 9.597l1.6-4.403a1.61 1.61 0 0 1 3.028 1.1l-1.6 4.403a1.61 1.61 0 0 1-3.028-1.1z' fill='%23FFF' opacity='.9'/%3E%3Cpath d='M5.998 10.469q.218-.733-.146-1.905l-1.3-1.415A1.617 1.617 0 0 1 4.1 5.996l-.632 1.748-.795 2.203c-.303.836 0 1.84.958 2.065 1.49.35 2.149-.81 2.367-1.543z' fill-rule='evenodd' fill='url(%23a)'/%3E%3Cpath d='M8.456 11.229L4.577 7.24a1.61 1.61 0 0 1 2.31-2.246l3.879 3.989a1.61 1.61 0 0 1-2.31 2.246z' fill='%23FFF' opacity='.9'/%3E%3C/svg%3E") no-repeat;
    background-size: 100% 100%;
    background-color: transparent;
    width: 1em;
    height: 1em
}

.i-custom\:claude {
    background: url("data:image/svg+xml;utf8,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M0 512a512 512 0 1 0 1024 0A512 512 0 1 0 0 512z' fill='%23D97757'/%3E%3Cpath d='M278.699 638.592l151.04-84.736 2.56-7.381-2.56-4.054H422.4l-25.259-1.578-86.314-2.304-74.88-3.115-72.534-3.883-18.261-3.882L128 505.088l1.75-11.264 15.36-10.283 21.973 1.92 48.64 3.328 72.874 5.035 52.907 3.115 78.336 8.149h12.459l1.706-5.035-4.266-3.114-3.286-3.115-75.434-51.072-81.664-54.059-42.795-31.061-23.125-15.744-11.648-14.763-5.078-32.256 20.992-23.082 28.203 1.92 7.21 1.962 28.587 21.931 61.014 47.232 79.744 58.667 11.648 9.728 4.693-3.328.555-2.347-5.248-8.704-43.35-78.293-46.25-79.659-20.608-33.067-5.419-19.797a95.019 95.019 0 0 1-3.328-23.296l23.893-32.427L342.272 128l31.915 4.267 13.44 11.648 19.797 45.269 32.085 71.296 49.792 96.981 14.592 28.758 7.766 26.581 2.901 8.192h5.077v-4.693l4.054-54.614 7.594-66.986 7.382-86.272 2.56-24.278 12.032-29.141 23.893-15.744 18.688 8.96 15.36 21.93-2.133 14.209-9.131 59.221-17.92 92.885-11.648 62.166h6.827l7.765-7.766 31.488-41.813 52.907-66.005 23.296-26.24 27.221-28.928 17.493-13.824h33.067l24.32 36.138-10.88 37.291-34.048 43.136-28.16 36.523-40.448 54.4-25.301 43.52 2.346 3.498 6.016-.554 91.392-19.456 49.366-8.96 58.922-10.07 26.624 12.416 2.944 12.63-10.496 25.856-63.018 15.53-73.856 14.763-110.08 26.027-1.366.981 1.579 1.963 49.579 4.693 21.205 1.11h51.883l96.64 7.21 25.301 16.725 15.147 20.395-2.56 15.53-38.827 19.798-52.523-12.416-122.453-29.141-42.027-10.496h-5.845v3.498l34.987 34.176 64.17 57.899 80.299 74.624 4.096 18.475-10.325 14.549-10.88-1.536-70.571-53.035-27.221-23.893-61.654-51.883h-4.053v5.419l14.165 20.779 75.094 112.682 3.84 34.56-5.419 11.307-19.456 6.827-21.376-3.926-43.947-61.568-45.312-69.376-36.522-62.165-4.48 2.56-21.59 232.107-10.112 11.904L492.203 896l-19.456-14.763-10.283-23.893 10.283-47.232 12.458-61.568 10.112-48.981 9.131-60.8 5.461-20.182-.426-1.365-4.438.555-45.866 62.976-69.803 94.208-55.253 59.05-13.227 5.248-22.912-11.818 2.133-21.206 12.8-18.816 76.459-97.152 46.08-60.245 29.739-34.773-.214-5.035h-1.706L260.18 721.92 224 726.613l-15.53-14.592 1.92-23.893 7.38-7.765 61.057-41.984-.171.213z' fill='%23FFF'/%3E%3C/svg%3E") no-repeat;
    background-size: 100% 100%;
    background-color: transparent;
    width: 32;
    height: 32
}

.i-custom\:codegpt {
    background: url("data:image/svg+xml;utf8,%3Csvg width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26.817 16.001'%3E%3Cpath d='M26.816 0h-4.991c-.69 0-1.248.559-1.248 1.248v3.744c0 .689.558 1.248 1.248 1.248h4.991V4.992h-4.991V3.744h4.991V2.496h-4.991V1.248h4.991V0zm-8.108 6.24c.69 0 1.248-.56 1.248-1.248V1.248c0-.69-.559-1.248-1.248-1.248h-4.98v6.24h4.98zm-3.733-4.992h3.744v3.744h-3.744V1.248zm-3.12 4.992c.69 0 1.248-.56 1.248-1.248V1.248c0-.69-.558-1.248-1.248-1.248H8.112c-.69 0-1.248.559-1.248 1.248v3.744c0 .689.558 1.248 1.248 1.248h3.743zM8.112 1.248h3.743v3.744H8.112V1.248zM6.24 6.24V4.992H1.248V1.248H6.24V0H1.248C.558 0 0 .559 0 1.248v3.744C0 5.68.559 6.24 1.248 6.24H6.24zm20.577 1.247h-8.514V9.19h3.405V16h1.703V9.19h3.406V7.487zm-10.642 0H9.359v8.514h1.707v-3.407h5.109a1.716 1.716 0 0 0 1.703-1.703V9.189a1.716 1.716 0 0 0-1.703-1.702zm-5.11 3.404V9.189h5.11v1.702h-5.11zM8.515 7.487h-6.81A1.716 1.716 0 0 0 0 9.19v5.107A1.716 1.716 0 0 0 1.703 16h5.108a1.716 1.716 0 0 0 1.703-1.704v-3.405H3.405v1.703h3.406v1.702H1.703V9.19h6.811V7.487z'/%3E%3C/svg%3E") no-repeat;
    background-size: 100% 100%;
    background-color: transparent;
    width: 1em;
    height: 1em
}

.i-custom\:cursor {
    background: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cdefs%3E%3Cmask id='b' style='mask-type:alpha' maskUnits='userSpaceOnUse'%3E%3Cpath d='M14.128 3.538c.495.286.8.814.8 1.386v6.152a1.6 1.6 0 0 1-.8 1.386L8.8 15.538a1.6 1.6 0 0 1-1.6 0l-5.328-3.076a1.6 1.6 0 0 1-.8-1.386V4.924c0-.572.305-1.1.8-1.386L7.2.462a1.6 1.6 0 0 1 1.6 0l5.328 3.076z' fill='%23FFF'/%3E%3C/mask%3E%3ClinearGradient x1='.5' y1='.525' x2='.587' y2='.938' id='c'%3E%3Cstop offset='0%25' stop-color='%23777'/%3E%3Cstop offset='100%25' stop-color='%23C8C8C8'/%3E%3C/linearGradient%3E%3ClinearGradient x1='.194' y1='.86' x2='.339' y2='.224' id='d'%3E%3Cstop offset='0%25' stop-color='%23565656'/%3E%3Cstop offset='100%25' stop-color='%23A4A4A4'/%3E%3C/linearGradient%3E%3ClinearGradient x1='.127' y1='.696' x2='.694' y2='.396' id='e'%3E%3Cstop offset='0%25' stop-color='%23191919'/%3E%3Cstop offset='100%25' stop-color='%23515151'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg clip-path='url(%23a)' mask='url(%23b)'%3E%3Cpath d='M1.072 12L8 16l6.928-4L8 7.884 1.072 12z' fill='url(%23c)'/%3E%3Cpath d='M1.072 12L8 7.884V0L1.072 4v8z' fill='url(%23d)'/%3E%3Cpath d='M8 7.884L14.928 12V4L8 0v7.884z' fill='url(%23e)'/%3E%3Cpath d='M1.072 4L8 7.884 14.928 4H1.072z' fill='%23EEE'/%3E%3Cpath d='M8 7.884V16l6.928-12L8 7.884z' fill='%23D4D4D4'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
    background-size: 100% 100%;
    background-color: transparent;
    width: 16;
    height: 16
}

.i-custom\:kling {
    background: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' width='16' height='16' viewBox='0 0 16 16'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='16' height='16' rx='0'/%3E%3C/clipPath%3E%3ClinearGradient x1='.604' y1='.053' x2='.433' y2='.868' id='b'%3E%3Cstop offset='0%25' stop-color='%2362D3F6'/%3E%3Cstop offset='64.317%25' stop-color='%2342E43F'/%3E%3Cstop offset='100%25' stop-color='%234FB0EB'/%3E%3C/linearGradient%3E%3ClinearGradient x1='.8' y1='.149' x2='.825' y2='.5' id='c'%3E%3Cstop offset='0%25' stop-color='%23FDF875'/%3E%3Cstop offset='100%25' stop-color='%23FFF' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient x1='.8' y1='.149' x2='.825' y2='.5' id='d'%3E%3Cstop offset='0%25' stop-color='%23FDF875'/%3E%3Cstop offset='100%25' stop-color='%23FFF' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient x1='.463' y1='.126' x2='.5' y2='.878' id='e'%3E%3Cstop offset='0%25' stop-color='%231443F5'/%3E%3Cstop offset='48.63%25' stop-color='%2390FFF7'/%3E%3Cstop offset='100%25' stop-color='%231C51F3'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg clip-path='url(%23a)'%3E%3Cg fill-rule='evenodd'%3E%3Cpath d='M10.508 4.5c-1.37-.738-3.312-.269-4.813 1.162-.826.787-1.378 1.738-1.582 2.726L1.2 5.475c.8-1.7 5.6-6.8 11.1-2.2L10.508 4.5zm-5.022 7.074c1.373.631 3.222.142 4.667-1.235.726-.692 1.242-1.516 1.497-2.389l2.85 2.85c-.8 1.7-5.6 6.8-11.1 2.2l2.086-1.426z' fill='%23D8D8D8'/%3E%3Cpath d='M10.508 4.5c-1.37-.738-3.312-.269-4.813 1.162-.826.787-1.378 1.738-1.582 2.726L1.2 5.475c.8-1.7 5.6-6.8 11.1-2.2L10.508 4.5zm-5.022 7.074c1.373.631 3.222.142 4.667-1.235.726-.692 1.242-1.516 1.497-2.389l2.85 2.85c-.8 1.7-5.6 6.8-11.1 2.2l2.086-1.426z' fill='url(%23b)'/%3E%3C/g%3E%3Cpath d='M3.535 13.111c5.443 4.406 10.172-.625 10.965-2.311l-2.567-2.567c-.512.76-1.13 1.487-1.844 2.167-2.41 2.298-4.98 3.36-6.554 2.711z' fill-rule='evenodd' fill='url(%23c)'/%3E%3Cpath d='M12.165 12.92c5.444 4.406 10.172-.625 10.965-2.311l-2.567-2.567c-.512.76-1.13 1.487-1.844 2.167-2.41 2.298-4.98 3.36-6.554 2.71z' fill-rule='evenodd' fill='url(%23d)' transform='rotate(180 12.165 8.042)'/%3E%3Cpath d='M10.27 10.224c2.572-2.54 3.678-5.578 2.486-6.828a1.739 1.739 0 0 0-.794-.461c-1.572-.442-3.899.548-6.147 2.616 1.754-1.583 4.103-1.845 5.298-.59 1.196 1.254.822 3.587-.843 5.263zm-.143.14l-.038.036c-2.703 2.577-5.893 3.618-7.124 2.327-1.231-1.292-.037-4.428 2.666-7.004l.04-.037c-1.742 1.679-2.16 4.071-.937 5.355 1.223 1.283 3.633.98 5.393-.678z' fill-rule='evenodd' fill='url(%23e)'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
    background-size: 100% 100%;
    background-color: transparent;
    width: 16;
    height: 16
}

.i-custom\:luma {
    background: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' width='16' height='16'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='16' height='16' rx='0'/%3E%3C/clipPath%3E%3ClinearGradient x1='1' y1='.5' x2='0' y2='.5' id='b'%3E%3Cstop offset='0%25' stop-color='%23976CF9'/%3E%3Cstop offset='48.63%25' stop-color='%233632E8'/%3E%3Cstop offset='100%25' stop-color='%230D27A2'/%3E%3C/linearGradient%3E%3ClinearGradient x1='.5' y1='.227' x2='.5' y2='1' id='c'%3E%3Cstop offset='2.857%25' stop-color='%2348FEFF'/%3E%3Cstop offset='100%25' stop-color='%230933F5' stop-opacity='.72'/%3E%3C/linearGradient%3E%3ClinearGradient x1='1' y1='.057' x2='.628' y2='.78' id='d'%3E%3Cstop offset='0%25' stop-color='%232689DB'/%3E%3Cstop offset='100%25' stop-color='%230128BF'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M2.7 11.5L8.6 15l5.329-3.33a.2.2 0 0 0 0-.34L8.6 8l-5.9 3.5z' fill='url(%23b)'/%3E%3Cpath d='M2.503 4.54a.2.2 0 0 0-.1.179L2.4 11.5l6.05 3.412a.1.1 0 0 0 .15-.086V1.347a.2.2 0 0 0-.3-.173L2.503 4.54z' fill='url(%23c)'/%3E%3Cpath d='M2.5 11.5L8.6 15V8l-6.1 3.5z' fill='url(%23d)'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
    background-size: 100% 100%;
    background-color: transparent;
    width: 16;
    height: 16
}

.i-custom\:oidc {
    background: url("data:image/svg+xml;utf8,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M512 960C265 960 64 759 64 512S265 64 512 64s448 201 448 448-201 448-448 448zm0-882.6c-239.7 0-434.6 195-434.6 434.6s195 434.6 434.6 434.6 434.6-195 434.6-434.6S751.7 77.4 512 77.4z' fill='%232c2c2c' stroke='%232c2c2c' stroke-width='60'/%3E%3Cpath d='M197.7 512c0-78.3 31.6-98.8 87.2-98.8 56.2 0 87.2 20.5 87.2 98.8s-31 98.8-87.2 98.8c-55.7 0-87.2-20.5-87.2-98.8zm130.4 0c0-46.8-7.8-64.5-43.2-64.5-35.2 0-42.9 17.7-42.9 64.5 0 47.1 7.8 63.7 42.9 63.7 35.4 0 43.2-16.6 43.2-63.7zm81.6-96.1h42.1V608h-42.1V415.9zM653.9 512c0 74.2-37.1 96.1-93.6 96.1h-65.9V415.9h65.9c56.5 0 93.6 16.1 93.6 96.1zm-43.5 0c0-49.3-17.7-60.6-52.3-60.6h-21.6v120.7h21.6c35.4 0 52.3-13.3 52.3-60.1zm76.1 0c0-74.2 36.3-98.8 92.7-98.8 18.3 0 33.2 2.2 44.8 6.4v36.3c-11.9-4.2-26-6.6-42.1-6.6-34.6 0-49.8 15.5-49.8 62.6 0 50.1 15.2 62.6 49.3 62.6 15.8 0 30.2-2.2 44.8-7.5v36c-11.3 4.7-28.5 8-46.8 8-56.1-.2-92.9-18.7-92.9-99z' fill='%232c2c2c' stroke='%232c2c2c' stroke-width='20'/%3E%3C/svg%3E") no-repeat;
    background-size: 100% 100%;
    background-color: transparent;
    width: 200;
    height: 200
}

.i-custom\:qianwen {
    background: url("data:image/svg+xml;utf8,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M953.6 608L844.8 416l44.8-96c6.4-6.4 12.8-19.2 6.4-32l-64-108.8c-6.4-6.4-12.8-12.8-19.2-12.8h-224l-51.2-89.6c-6.4-6.4-12.8-12.8-19.2-12.8H396.8c-6.4 0-19.2 6.4-19.2 12.8v6.4l-115.2 192H153.6c-12.8 0-19.2 6.4-25.6 12.8L64 403.2v25.6l115.2 198.4-51.2 83.2V736l57.6 102.4c6.4 6.4 12.8 12.8 19.2 12.8h230.4l57.6 96c6.4 6.4 12.8 12.8 19.2 12.8h128c6.4 0 19.2-6.4 19.2-12.8l115.2-198.4h102.4c6.4 0 19.2-6.4 19.2-12.8l57.6-102.4c6.4-6.4 6.4-19.2 0-25.6zm-140.8 12.8L755.2 512 518.4 934.4l-64-108.8H211.2l57.6-102.4h121.6L153.6 300.8h128L403.2 89.6 454.4 192l-64 108.8h480l-57.6 108.8 121.6 211.2H812.8z' fill='%23605BEC'/%3E%3Cpath d='M499.2 678.4l153.6-243.2H345.6z' fill='%23605BEC'/%3E%3C/svg%3E") no-repeat;
    background-size: 100% 100%;
    background-color: transparent;
    width: 32;
    height: 32
}

.i-custom\:runway {
    background: url("data:image/svg+xml;utf8,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M0 0h1024v1024H0z' fill='%23FFF'/%3E%3Cpath d='M320.742 128c119.808.23 239.59.307 359.348.256 48.204-.026 81.868 3.174 100.966 9.651 104.832 35.559 140.211 168.73 90.01 260.787-25.421 46.746-67.764 75.341-127.028 85.786a1.971 1.971 0 0 0-1.587 1.382c-.256.768-.025 1.562.512 2.125 44.749 44.237 113.28 101.35 137.216 151.373 41.703 87.04-2.304 206.464-93.465 242.944C655.18 935.04 567.09 824.269 489.933 740.557a2.688 2.688 0 0 0-4.634 1.433C458.47 924.928 192.768 945.613 138.24 776.243c-6.989-21.709-10.42-63.565-10.24-125.517.256-108.492.41-216.985.41-325.504.102-122.265 72.704-197.478 192.358-197.222zM491.52 485.76c-2.022 0-3.02 1.024-3.02 3.02v95.975c0 2.458.87 4.583 2.636 6.323A67331.805 67331.805 0 0 0 662.298 761.78c36.915 36.762 82.61 35.328 114.432-9.037 31.18-43.52 4.275-75.622-25.319-104.806l-6.144-6.016-3.072-2.97a9267.02 9267.02 0 0 1-150.528-149.555 7.398 7.398 0 0 0-5.248-2.227l-94.899-1.408zM309.376 236.211h-3.891a69.58 69.58 0 0 0-69.632 69.555V716.8a69.53 69.53 0 0 0 69.632 69.555h3.891a69.632 69.632 0 0 0 69.658-69.555V305.766c0-38.4-31.181-69.555-69.632-69.555zm167.731-.256a1.74 1.74 0 0 0-1.69 2.15c8.705 35.073 13.108 70.657 13.159 106.778 0 7.091-2.176 18.995-1.69 28.365.128 2.688 1.536 4.045 4.25 4.045 74.957.179 149.965.153 224.998-.077 97.69-.333 87.936-141.21 9.908-141.26-82.996-.052-165.965-.052-248.935 0z'/%3E%3C/svg%3E") no-repeat;
    background-size: 100% 100%;
    background-color: transparent;
    width: 32;
    height: 32
}

.i-custom\:suno {
    background: url("data:image/svg+xml;utf8,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M640 512h341.318c0-164.957-133.679-426.682-298.636-426.682C517.725 85.318 384 347.043 384 512H42.682c0 164.957 133.679 426.682 298.636 426.682C506.275 938.682 640 676.957 640 512z'/%3E%3C/svg%3E") no-repeat;
    background-size: 100% 100%;
    background-color: transparent;
    width: 32;
    height: 32
}

.i-custom\:utools, [i-custom\:utools=""] {
    background: url("data:image/svg+xml;utf8,%3Csvg width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cdefs%3E%3ClinearGradient x1='.973' y1='-.015' x2='.233' y2='.912' id='a'%3E%3Cstop offset='0%25' stop-color='%239507F4'/%3E%3Cstop offset='0%25' stop-color='%239507F4'/%3E%3Cstop offset='40.714%25' stop-color='%230791F4'/%3E%3Cstop offset='100%25' stop-color='%2302F3A2'/%3E%3C/linearGradient%3E%3ClinearGradient x1='.416' y1='.005' x2='.558' y2='1' id='b'%3E%3Cstop offset='0%25' stop-color='%232B0D9E'/%3E%3Cstop offset='100%25' stop-color='%2301ECA7'/%3E%3C/linearGradient%3E%3ClinearGradient x1='.782' y1='.104' x2='.284' y2='.911' id='c'%3E%3Cstop offset='0%25' stop-color='%235F1FDF'/%3E%3Cstop offset='50%25' stop-color='%2302B6F1'/%3E%3Cstop offset='100%25' stop-color='%2301FFFF'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M8 0a8 8 0 0 1 8 8v5.588a2.176 2.176 0 0 1-3.925 1.296A8 8 0 1 1 8 0zm.235 11.177a3.412 3.412 0 1 0 0-6.824 3.412 3.412 0 0 0 0 6.824z' fill-rule='evenodd' fill='url(%23a)'/%3E%3Cpath d='M14.235 10.235c0 1.985-1 3.835-2.66 4.922a8 8 0 0 1-4.762.756 5.882 5.882 0 0 1 1.06-11.54 3.412 3.412 0 1 0 .48-.02 5.882 5.882 0 0 1 5.882 5.882z' fill-rule='evenodd' fill='url(%23b)'/%3E%3Cpath d='M15.976 7.38A8 8 0 0 0 .012 8.442 8.059 8.059 0 0 1 15.976 7.38z' fill-rule='evenodd' fill='url(%23c)'/%3E%3C/svg%3E") no-repeat;
    background-size: 100% 100%;
    background-color: transparent;
    width: 1em;
    height: 1em
}

.i-devicon\:google {
    background: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 128 128' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23fff' d='M44.59 4.21a63.28 63.28 0 0 0 4.33 120.9a67.6 67.6 0 0 0 32.36.35a57.13 57.13 0 0 0 25.9-13.46a57.44 57.44 0 0 0 16-26.26a74.3 74.3 0 0 0 1.61-33.58H65.27v24.69h34.47a29.72 29.72 0 0 1-12.66 19.52a36.2 36.2 0 0 1-13.93 5.5a41.3 41.3 0 0 1-15.1 0A37.2 37.2 0 0 1 44 95.74a39.3 39.3 0 0 1-14.5-19.42a38.3 38.3 0 0 1 0-24.63a39.25 39.25 0 0 1 9.18-14.91A37.17 37.17 0 0 1 76.13 27a34.3 34.3 0 0 1 13.64 8q5.83-5.8 11.64-11.63c2-2.09 4.18-4.08 6.15-6.22A61.2 61.2 0 0 0 87.2 4.59a64 64 0 0 0-42.61-.38'/%3E%3Cpath fill='%23e33629' d='M44.59 4.21a64 64 0 0 1 42.61.37a61.2 61.2 0 0 1 20.35 12.62c-2 2.14-4.11 4.14-6.15 6.22Q95.58 29.23 89.77 35a34.3 34.3 0 0 0-13.64-8a37.17 37.17 0 0 0-37.46 9.74a39.25 39.25 0 0 0-9.18 14.91L8.76 35.6A63.53 63.53 0 0 1 44.59 4.21'/%3E%3Cpath fill='%23f8bd00' d='M3.26 51.5a63 63 0 0 1 5.5-15.9l20.73 16.09a38.3 38.3 0 0 0 0 24.63q-10.36 8-20.73 16.08a63.33 63.33 0 0 1-5.5-40.9'/%3E%3Cpath fill='%23587dbd' d='M65.27 52.15h59.52a74.3 74.3 0 0 1-1.61 33.58a57.44 57.44 0 0 1-16 26.26c-6.69-5.22-13.41-10.4-20.1-15.62a29.72 29.72 0 0 0 12.66-19.54H65.27c-.01-8.22 0-16.45 0-24.68'/%3E%3Cpath fill='%23319f43' d='M8.75 92.4q10.37-8 20.73-16.08A39.3 39.3 0 0 0 44 95.74a37.2 37.2 0 0 0 14.08 6.08a41.3 41.3 0 0 0 15.1 0a36.2 36.2 0 0 0 13.93-5.5c6.69 5.22 13.41 10.4 20.1 15.62a57.13 57.13 0 0 1-25.9 13.47a67.6 67.6 0 0 1-32.36-.35a63 63 0 0 1-23-11.59A63.7 63.7 0 0 1 8.75 92.4'/%3E%3C/svg%3E") no-repeat;
    background-size: 100% 100%;
    background-color: transparent;
    width: 1em;
    height: 1em
}

.i-emojione-v1\:dolphin {
    background: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 64 64' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%231ba9b6' d='M56.31 1.21C51.993-.922 38.843-.59 35.15 5.098c-.119.188 15.495 8.939 15.515 8.804c.539-4.307.701-7.546 5.342-9.04c2.624-.842 2.472-2.585.306-3.656'/%3E%3Cpath fill='%2334bdca' d='M49.892 11.05c-3.759-3.347-15.03-7.724-22.21-7.635c-1.666.033-3.31.177-4.908.45c-2.713.464-5.02 1.501-6.969 2.944c-.164.097-.334.187-.497.292c-4.766 3.06-7.291 7.269-7.408 12.143c-.074.249-.213.76-.215.767c-1.963 1.244-8.859 6.592-7.516 9.835c.471 1.144 6.611.469 7.637.223c1.804-.436 3.19-.77 4.501-.665s3.894.841 5.569 1.017c7.135.76 13.894.094 19.967 3.03c3.02 1.461 3.786 5.888 3.22 8.863c-.938 2.842-2.674 5.27-5.894 6.454c-1.875.69-3.774.531-5.542-.102c-2.352-2.832-5.104-5.07-8.536-6.783c-2.733-1.364-2.432 5.71 3.749 10.04c.107.074.182.16.271.242c.153 1.731-1.544 3.714-2.099 5.188c-.688 1.838-1.138 6.92.189 6.466c2.821-.963 4.957-2.889 6.332-5.342c.875-.621 1.481-3.288 2.482-3.681c12.983-5.117 18.202-6.501 22.999-15.649c5.069-9.664 2.885-20.975-5.125-28.1'/%3E%3Cpath fill='%2395d6dc' d='M41.07 42.31c-.938 2.842-2.674 5.27-5.894 6.454c-1.325.484-2.658.543-3.951.318c4.406 3.177 10.919 2.152 13.3-3.277c1.597-3.647 1.106-9.381-1.859-12.386c-3.604-3.655-9.22-4.263-14.1-4.173c-4.089.076-8.384.178-12.449.874c.629.127 1.243.239 1.767.293c7.135.76 13.894.094 19.967 3.03c3.02 1.462 3.787 5.889 3.22 8.864'/%3E%3Cpath fill='%231ba9b6' d='M36.02 29.436c-1-5.109-7.612-5.896-11.232-3.796c-.752.434-1.857 6.37 1.611 9.898c1.524 1.552 3.053 2.89 4.82 4.06l.038.038c1.216 1.07 3.351 2.885 4.594.932c.811-1.269.592-3.483.629-4.898c.06-2.059-.067-4.209-.46-6.234'/%3E%3Cpath fill='%2334bdca' d='M36.05 31.22c-.937-4.832-7.1-5.577-10.476-3.591c-.702.415-1.736 6.03 1.5 9.365c1.423 1.469 2.854 2.733 4.501 3.842c.001.012.018.023.029.033c1.136 1.012 3.128 2.729 4.287.881c.754-1.198.551-3.293.586-4.633c.061-1.948-.062-3.979-.427-5.897'/%3E%3Cpath fill='%2325333a' d='M18.744 16.728c-2.334 0-4.218 1.755-4.218 3.913c0 2.165 1.884 3.914 4.218 3.914c2.336 0 4.222-1.75 4.222-3.914c0-2.158-1.886-3.913-4.222-3.913'/%3E%3Cellipse cx='20.515' cy='20.328' fill='%23fff' rx='1.857' ry='1.801'/%3E%3C/svg%3E") no-repeat;
    background-size: 100% 100%;
    background-color: transparent;
    width: 1em;
    height: 1em
}

.i-flat-color-icons\:google {
    background: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 48 48' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23FFC107' d='M43.611 20.083H42V20H24v8h11.303c-1.649 4.657-6.08 8-11.303 8c-6.627 0-12-5.373-12-12s5.373-12 12-12c3.059 0 5.842 1.154 7.961 3.039l5.657-5.657C34.046 6.053 29.268 4 24 4C12.955 4 4 12.955 4 24s8.955 20 20 20s20-8.955 20-20c0-1.341-.138-2.65-.389-3.917'/%3E%3Cpath fill='%23FF3D00' d='m6.306 14.691l6.571 4.819C14.655 15.108 18.961 12 24 12c3.059 0 5.842 1.154 7.961 3.039l5.657-5.657C34.046 6.053 29.268 4 24 4C16.318 4 9.656 8.337 6.306 14.691'/%3E%3Cpath fill='%234CAF50' d='M24 44c5.166 0 9.86-1.977 13.409-5.192l-6.19-5.238A11.9 11.9 0 0 1 24 36c-5.202 0-9.619-3.317-11.283-7.946l-6.522 5.025C9.505 39.556 16.227 44 24 44'/%3E%3Cpath fill='%231976D2' d='M43.611 20.083H42V20H24v8h11.303a12.04 12.04 0 0 1-4.087 5.571l.003-.002l6.19 5.238C36.971 39.205 44 34 44 24c0-1.341-.138-2.65-.389-3.917'/%3E%3C/svg%3E") no-repeat;
    background-size: 100% 100%;
    background-color: transparent;
    width: 1em;
    height: 1em
}

.i-fluent\:mail-20-filled {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 20 20' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M18 7.373V14.5a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 2 14.5V7.373l7.746 4.558a.5.5 0 0 0 .508 0zM15.5 4a2.5 2.5 0 0 1 2.485 2.223L10 10.92L2.015 6.223A2.5 2.5 0 0 1 4.5 4z'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-heroicons-solid\:lightning-bolt {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 20 20' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M11.3 1.046A1 1 0 0 1 12 2v5h4a1 1 0 0 1 .82 1.573l-7 10A1 1 0 0 1 8 18v-5H4a1 1 0 0 1-.82-1.573l7-10a1 1 0 0 1 1.12-.38' clip-rule='evenodd'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-icon-park-outline\:tencent-qq {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 48 48' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M23.793 44.518c-3.659 0-7.017-1.225-9.179-3.053c-1.098.328-2.503.855-3.389 1.51c-.759.56-.664 1.13-.527 1.361c.6 1.013 10.296.647 13.095.332zm0 0c3.659 0 7.017-1.225 9.179-3.053c1.097.328 2.502.855 3.389 1.51c.758.56.663 1.13.527 1.361c-.6 1.013-10.296.647-13.095.332z'/%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M36.339 20.933c-1.641.448-6.483 1.617-12.525 1.658h-.044c-6.195-.042-11.128-1.27-12.643-1.691c-.311-.087-.481-.267-.481-.267a75 75 0 0 1-.025-1.462c0-8.065 3.807-16.17 13.171-16.171s13.172 8.105 13.172 16.171c0 .479-.024 1.407-.025 1.463c0 0-.21.192-.6.299m2.49 4.417c.517 1.35 1.028 2.755 1.403 3.96c1.786 5.748 1.207 8.126.767 8.18c-.946.114-3.68-4.327-3.68-4.327c0 4.513-4.074 11.441-13.403 11.505h-.247c-9.33-.064-13.404-6.992-13.404-11.505c0 0-2.734 4.44-3.68 4.327c-.44-.054-1.018-2.432.768-8.18c.374-1.204.885-2.61 1.403-3.96c0 0 .35-.022.526.03c1.45.418 2.994.789 4.563 1.1c-.267 1.654-.42 3.703-.276 6.122c.384 6.434 4.205 10.479 10.104 10.537h.24c5.898-.058 9.718-4.103 10.103-10.537c.144-2.42-.008-4.467-.276-6.123a55 55 0 0 0 4.64-1.122c.15-.043.448-.007.448-.007m-5.089 1.13c-3.44.68-6.995 1.07-9.926 1.035h-.044c-2.93.035-6.486-.355-9.925-1.036l.042-.256c3.427.676 6.964 1.062 9.882 1.027h.045c2.918.036 6.457-.351 9.883-1.027q.023.127.043.256M18.038 11.686c.068 1.84 1.153 3.287 2.424 3.229c1.269-.057 2.242-1.595 2.173-3.436s-1.154-3.287-2.423-3.23c-1.27.058-2.243 1.596-2.174 3.437m9.087 3.229c1.27.057 2.356-1.39 2.424-3.23c.07-1.84-.904-3.378-2.174-3.436c-1.27-.056-2.354 1.39-2.423 3.23c-.07 1.84.904 3.38 2.173 3.436m-3.31 1.009c4.232 0 7.65.837 7.99 1.59a.25.25 0 0 1 .025.106a.26.26 0 0 1-.047.145c-.286.418-4.082 2.478-7.968 2.478h-.046c-3.886 0-7.682-2.061-7.968-2.478a.26.26 0 0 1-.047-.144q0-.057.025-.108c.34-.751 3.758-1.59 7.99-1.59z' clip-rule='evenodd'/%3E%3Cpath fill='currentColor' d='M22.022 11.714c.058.727-.34 1.373-.89 1.443c-.549.07-1.04-.461-1.1-1.188c-.057-.727.341-1.373.89-1.443c.55-.071 1.042.461 1.1 1.188m3.49.243c.112-.201.877-1.259 2.46-.874c.415.102.608.25.648.309c.06.086.077.21.016.375c-.12.329-.369.32-.506.256c-.09-.042-1.192-.777-2.208.32c-.07.075-.195.1-.313.012c-.119-.09-.167-.272-.097-.398M15.504 26.712v6.332s2.9.585 5.807.18v-5.841a53 53 0 0 1-5.807-.671'/%3E%3Cpath fill='currentColor' d='M36.939 20.634s-5.643 1.78-13.125 1.831h-.044c-7.47-.05-13.105-1.825-13.124-1.831l-1.89 4.716c4.726 1.425 10.584 2.343 15.014 2.29h.044c4.43.053 10.287-.865 15.014-2.29z'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-icon-park-outline\:zoom-in, [i-icon-park-outline\:zoom-in=""] {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 48 48' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M21 38c9.389 0 17-7.611 17-17S30.389 4 21 4S4 11.611 4 21s7.611 17 17 17Z'/%3E%3Cpath stroke-linecap='round' d='M21 15v12m-5.984-5.984L27 21m6.222 12.222l8.485 8.485'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-icon-park\:android {
    background: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 48 48' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none'%3E%3Cpath fill='%232F88FF' stroke='%23000' stroke-linejoin='round' stroke-width='4' d='M43.9011 36H4.09863C5.10208 25.8934 13.6292 18 23.9999 18C34.3706 18 42.8977 25.8934 43.9011 36Z'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M14 20L10 13'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M33 20L37 13'/%3E%3Ccircle cx='15' cy='29' r='2' fill='%23fff'/%3E%3Ccircle cx='33' cy='29' r='2' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
    background-size: 100% 100%;
    background-color: transparent;
    width: 1em;
    height: 1em
}

.i-iconamoon\:arrow-down-2 {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m7 10l5 5m0 0l5-5'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-iconamoon\:mouse-light {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M6 9a6 6 0 0 1 12 0v6a6 6 0 0 1-12 0z'/%3E%3Cpath stroke-linecap='round' d='M12 7v4'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-iconoir\:app-notification-solid, [i-iconoir\:app-notification-solid=""] {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M15.25 5a3.75 3.75 0 1 1 7.5 0a3.75 3.75 0 0 1-7.5 0'/%3E%3Cpath d='M14.527 2.25a5.25 5.25 0 0 0 7.223 7.223V15A6.75 6.75 0 0 1 15 21.75H9A6.75 6.75 0 0 1 2.25 15V9A6.75 6.75 0 0 1 9 2.25z'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-iconoir\:open-select-hand-gesture, [i-iconoir\:open-select-hand-gesture=""] {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='m8 14.571l-1.823-1.736a1.56 1.56 0 0 0-2.247.103v0a1.56 1.56 0 0 0 .035 2.092l5.942 6.338c.379.403.906.632 1.459.632H16c2.4 0 4-2 4-4q0 0 0 0V9.429'/%3E%3Cpath d='M17 10v-.571c0-2.286 3-2.286 3 0M14 10V8.286C14 6 17 6 17 8.286V10m-6 0V7.5c0-2.286 3-2.286 3 0q0 0 0 0V10m-6 4.571V3.5A1.5 1.5 0 0 1 9.5 2v0c.828 0 1.5.67 1.5 1.499V10'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-majesticons\:bookmark-minus-line, [i-majesticons\:bookmark-minus-line=""] {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17 3H7a2 2 0 0 0-2 2v15.138a.5.5 0 0 0 .748.434l5.26-3.005a2 2 0 0 1 1.984 0l5.26 3.006a.5.5 0 0 0 .748-.435V5a2 2 0 0 0-2-2m-8 7h6'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-majesticons\:delete-bin-line, [i-majesticons\:delete-bin-line=""] {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 7a3 3 0 0 1 3-3v0a3 3 0 0 1 3 3v0M9 7h6M9 7H6m9 0h3m2 0h-2M4 7h2m0 0v11a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-mdi\:github {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33s1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-mingcute\:moon-line {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='currentColor' d='M13.574 3.137a1.01 1.01 0 0 0-1.097 1.409a6 6 0 0 1-7.931 7.931a1.01 1.01 0 0 0-1.409 1.097A9 9 0 0 0 21 12c0-4.434-3.206-8.118-7.426-8.863m1.307 2.481A7.002 7.002 0 0 1 12 19a7 7 0 0 1-6.382-4.12a8 8 0 0 0 9.263-9.263Z'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-mingcute\:refresh-2-line {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='currentColor' d='M2 12.08c-.006-.862.91-1.356 1.618-.975l.095.058l2.678 1.804c.972.655.377 2.143-.734 2.007l-.117-.02l-1.063-.234a8.002 8.002 0 0 0 14.804.605a1 1 0 0 1 1.82.828c-1.987 4.37-6.896 6.793-11.687 5.509A10 10 0 0 1 2 12.08m.903-4.228C4.89 3.482 9.799 1.06 14.59 2.343a10 10 0 0 1 7.414 9.581c.007.863-.91 1.358-1.617.976l-.096-.058l-2.678-1.804c-.972-.655-.377-2.143.734-2.007l.117.02l1.063.234A8.002 8.002 0 0 0 4.723 8.68a1 1 0 1 1-1.82-.828'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-mingcute\:sun-line {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='currentColor' d='M12 19a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1m6.364-2.05l.707.707a1 1 0 0 1-1.414 1.414l-.707-.707a1 1 0 0 1 1.414-1.414m-12.728 0a1 1 0 0 1 1.497 1.32l-.083.094l-.707.707a1 1 0 0 1-1.497-1.32l.083-.094zM12 6a6 6 0 1 1 0 12a6 6 0 0 1 0-12m0 2a4 4 0 1 0 0 8a4 4 0 0 0 0-8m-8 3a1 1 0 0 1 .117 1.993L4 13H3a1 1 0 0 1-.117-1.993L3 11zm17 0a1 1 0 1 1 0 2h-1a1 1 0 1 1 0-2zM4.929 4.929a1 1 0 0 1 1.32-.083l.094.083l.707.707a1 1 0 0 1-1.32 1.497l-.094-.083l-.707-.707a1 1 0 0 1 0-1.414m14.142 0a1 1 0 0 1 0 1.414l-.707.707a1 1 0 1 1-1.414-1.414l.707-.707a1 1 0 0 1 1.414 0M12 2a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0V3a1 1 0 0 1 1-1'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-mingcute\:telegram-fill {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='currentColor' d='M19.777 4.43a1.5 1.5 0 0 1 2.062 1.626l-2.268 13.757c-.22 1.327-1.676 2.088-2.893 1.427c-1.018-.553-2.53-1.405-3.89-2.294c-.68-.445-2.763-1.87-2.507-2.884c.22-.867 3.72-4.125 5.72-6.062c.785-.761.427-1.2-.5-.5c-2.302 1.738-5.998 4.381-7.22 5.125c-1.078.656-1.64.768-2.312.656c-1.226-.204-2.363-.52-3.291-.905c-1.254-.52-1.193-2.244-.001-2.746z'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-mingcute\:translate-2-line {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.594 23.258l-.012.002l-.071.035l-.02.004l-.014-.004l-.071-.036q-.016-.004-.024.006l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.016-.018m.264-.113l-.014.002l-.184.093l-.01.01l-.003.011l.018.43l.005.012l.008.008l.201.092q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.003-.011l.018-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='currentColor' d='M9 3a1 1 0 0 1 .993.883L10 4v1h4a1 1 0 0 1 .116 1.993L14 7h-1.055c-.223 2.032-1.116 3.99-2.545 5.688q.785.683 1.735 1.266l.386.228l2.067-4.592a1 1 0 0 1 1.763-.115l.06.115l4.5 10a1 1 0 0 1-1.77.924l-.053-.104L18.003 18h-5.007l-1.084 2.41a1 1 0 0 1-1.866-.711l.042-.11l1.61-3.576a15.2 15.2 0 0 1-2.7-1.894c-1.287 1.136-2.848 2.098-4.627 2.81a1 1 0 1 1-.743-1.857c1.557-.623 2.887-1.441 3.972-2.382a11.5 11.5 0 0 1-1.978-3.34a1 1 0 0 1 1.873-.702A9.4 9.4 0 0 0 9 11.244c.989-1.227 1.625-2.576 1.877-3.931L10.928 7H4a1 1 0 0 1-.117-1.993L4 5h4V4a1 1 0 0 1 1-1m8.103 13L15.5 12.437L13.898 16z'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-mingcute\:wechat-pay-fill, [i-mingcute\:wechat-pay-fill=""] {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none'%3E%3Cpath d='m12.594 23.258l-.012.002l-.071.035l-.02.004l-.014-.004l-.071-.036q-.016-.004-.024.006l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.016-.018m.264-.113l-.014.002l-.184.093l-.01.01l-.003.011l.018.43l.005.012l.008.008l.201.092q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.003-.011l.018-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='currentColor' d='M12 3C6.656 3 2 6.643 2 11.5c0 2.798 1.577 5.223 3.906 6.744c.174.383.143.852.115 1.293c-.01.16-.021.316-.021.463a1 1 0 0 0 1 1c1.25 0 2.071-.411 2.639-.81c.197-.14.357-.272.45-.345q.93.154 1.911.155c5.344 0 10-3.643 10-8.5a7.43 7.43 0 0 0-.96-3.658l-.003.002l-11 7a1 1 0 0 1-1.405-.348l-2-3.5a1 1 0 0 1 1.383-1.353l1.58.947a1 1 0 0 0 .944.046l9.297-4.427C17.974 4.228 15.103 3 12 3'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-mynaui\:store {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.996 10.621V19a2 2 0 0 1-2 2H6.004a2 2 0 0 1-1.999-2v-8.379M7.502 8.75l.5-5.75m-.5 5.75c0 2.902 4.498 2.902 4.498 0m-4.498 0c0 3.176-5.155 2.52-4.433-.248l1.045-4.007A2 2 0 0 1 6.048 3h11.904a2 2 0 0 1 1.934 1.495l1.045 4.007c.722 2.769-4.433 3.424-4.433.248M12 8.75V3m0 5.75c0 2.902 4.498 2.902 4.498 0m0 0l-.5-5.75'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-ph\:currency-dollar-fill, [i-ph\:currency-dollar-fill=""] {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M160 152a16 16 0 0 1-16 16h-8v-32h8a16 16 0 0 1 16 16m72-24A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-56 24a32 32 0 0 0-32-32h-8V88h4a16 16 0 0 1 16 16a8 8 0 0 0 16 0a32 32 0 0 0-32-32h-4v-8a8 8 0 0 0-16 0v8h-4a32 32 0 0 0 0 64h4v32h-8a16 16 0 0 1-16-16a8 8 0 0 0-16 0a32 32 0 0 0 32 32h8v8a8 8 0 0 0 16 0v-8h8a32 32 0 0 0 32-32m-76-48a16 16 0 0 0 16 16h4V88h-4a16 16 0 0 0-16 16'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-ri\:message-3-line, [i-ri\:message-3-line=""] {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M2 8.994A5.99 5.99 0 0 1 8 3h8c3.313 0 6 2.695 6 5.994V21H8c-3.313 0-6-2.695-6-5.994zM20 19V8.994A4.004 4.004 0 0 0 16 5H8a3.99 3.99 0 0 0-4 3.994v6.012A4.004 4.004 0 0 0 8 19zm-6-8h2v2h-2zm-6 0h2v2H8z'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-ri\:qq-fill {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M19.914 14.529a32 32 0 0 0-.676-1.886l-.91-2.246c.002-.026.013-.468.013-.696C18.34 5.86 16.508 2 12 2S5.66 5.86 5.66 9.7c0 .229.011.671.012.697l-.91 2.246a32 32 0 0 0-.675 1.886c-.86 2.737-.581 3.87-.369 3.895c.455.054 1.771-2.06 1.771-2.06c0 1.224.637 2.822 2.016 3.976c-.515.157-1.147.399-1.554.695c-.365.267-.319.54-.253.65c.289.481 4.955.307 6.303.157c1.347.15 6.014.324 6.302-.158c.066-.11.112-.382-.253-.649c-.407-.296-1.039-.538-1.555-.695c1.379-1.154 2.016-2.752 2.016-3.977c0 0 1.316 2.115 1.771 2.06c.212-.025.49-1.157-.37-3.894'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-ri\:wechat-fill {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M18.575 13.711a.91.91 0 0 0 .898-.898a.895.895 0 0 0-.898-.898a.894.894 0 0 0-.898.898c0 .5.4.898.898.898m-4.425 0a.91.91 0 0 0 .898-.898c0-.498-.4-.898-.898-.898a.894.894 0 0 0-.898.898c0 .5.399.898.898.898m6.567 5.04a.35.35 0 0 0-.172.37c0 .048 0 .098.025.147c.098.417.294 1.081.294 1.106c0 .073.025.122.025.172a.22.22 0 0 1-.221.22c-.05 0-.074-.024-.123-.048l-1.449-.836a.8.8 0 0 0-.344-.098c-.073 0-.147 0-.196.024c-.688.197-1.4.295-2.161.295c-3.66 0-6.607-2.457-6.607-5.505s2.947-5.505 6.607-5.505c3.659 0 6.606 2.458 6.606 5.505c0 1.647-.884 3.146-2.284 4.154M16.674 8.099a9 9 0 0 0-.28-.005c-4.174 0-7.606 2.86-7.606 6.505c0 .554.08 1.09.228 1.6h-.089a10 10 0 0 1-2.584-.368c-.074-.025-.148-.025-.222-.025a.83.83 0 0 0-.419.123l-1.747 1.005a.35.35 0 0 1-.148.05a.273.273 0 0 1-.27-.27c0-.074.024-.123.049-.197c.024-.024.246-.834.369-1.324c0-.05.024-.123.024-.172a.56.56 0 0 0-.221-.441C2.059 13.376 1 11.586 1 9.599C1.001 5.944 4.571 3 8.951 3c3.765 0 6.93 2.169 7.723 5.098m-5.154.418c.573 0 1.026-.477 1.026-1.026c0-.573-.453-1.026-1.026-1.026s-1.026.453-1.026 1.026s.453 1.026 1.026 1.026m-5.26 0c.573 0 1.027-.477 1.027-1.026c0-.573-.454-1.026-1.027-1.026c-.572 0-1.026.453-1.026 1.026s.454 1.026 1.026 1.026'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-simple-icons\:openai {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M22.282 9.821a6 6 0 0 0-.516-4.91a6.05 6.05 0 0 0-6.51-2.9A6.065 6.065 0 0 0 4.981 4.18a6 6 0 0 0-3.998 2.9a6.05 6.05 0 0 0 .743 7.097a5.98 5.98 0 0 0 .51 4.911a6.05 6.05 0 0 0 6.515 2.9A6 6 0 0 0 13.26 24a6.06 6.06 0 0 0 5.772-4.206a6 6 0 0 0 3.997-2.9a6.06 6.06 0 0 0-.747-7.073M13.26 22.43a4.48 4.48 0 0 1-2.876-1.04l.141-.081l4.779-2.758a.8.8 0 0 0 .392-.681v-6.737l2.02 1.168a.07.07 0 0 1 .038.052v5.583a4.504 4.504 0 0 1-4.494 4.494M3.6 18.304a4.47 4.47 0 0 1-.535-3.014l.142.085l4.783 2.759a.77.77 0 0 0 .78 0l5.843-3.369v2.332a.08.08 0 0 1-.033.062L9.74 19.95a4.5 4.5 0 0 1-6.14-1.646M2.34 7.896a4.5 4.5 0 0 1 2.366-1.973V11.6a.77.77 0 0 0 .388.677l5.815 3.354l-2.02 1.168a.08.08 0 0 1-.071 0l-4.83-2.786A4.504 4.504 0 0 1 2.34 7.872zm16.597 3.855l-5.833-3.387L15.119 7.2a.08.08 0 0 1 .071 0l4.83 2.791a4.494 4.494 0 0 1-.676 8.105v-5.678a.79.79 0 0 0-.407-.667m2.01-3.023l-.141-.085l-4.774-2.782a.78.78 0 0 0-.785 0L9.409 9.23V6.897a.07.07 0 0 1 .028-.061l4.83-2.787a4.5 4.5 0 0 1 6.68 4.66zm-12.64 4.135l-2.02-1.164a.08.08 0 0 1-.038-.057V6.075a4.5 4.5 0 0 1 7.375-3.453l-.142.08L8.704 5.46a.8.8 0 0 0-.393.681zm1.097-2.365l2.602-1.5l2.607 1.5v2.999l-2.597 1.5l-2.607-1.5Z'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler-copy, .i-tabler\:copy {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M7 9.667A2.667 2.667 0 0 1 9.667 7h8.666A2.667 2.667 0 0 1 21 9.667v8.666A2.667 2.667 0 0 1 18.333 21H9.667A2.667 2.667 0 0 1 7 18.333z'/%3E%3Cpath d='M4.012 16.737A2 2 0 0 1 3 15V5c0-1.1.9-2 2-2h10c.75 0 1.158.385 1.5 1'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler\:alien-filled {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12.004 2c4.942 0 8.288 2.503 8.85 6.444a12.88 12.88 0 0 1-2.163 9.308a11.8 11.8 0 0 1-3.51 3.356c-1.982 1.19-4.376 1.19-6.373-.008a11.8 11.8 0 0 1-3.489-3.34a12.8 12.8 0 0 1-2.171-9.306C3.712 4.504 7.058 2 12.004 2m1.913 14.6a1 1 0 0 0-1.317-.517l-.146.055a1.5 1.5 0 0 1-1.054-.055l-.11-.04a1 1 0 0 0-.69 1.874a3.5 3.5 0 0 0 2.8 0a1 1 0 0 0 .517-1.317m-5.304-6.39a1 1 0 0 0-1.32 1.497l2 2l.094.083a1 1 0 0 0 1.32-1.497l-2-2zm8.094.083a1 1 0 0 0-1.414 0l-2 2l-.083.094a1 1 0 0 0 1.497 1.32l2-2l.083-.094a1 1 0 0 0-.083-1.32'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler\:api-app {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 15H5.5a2.5 2.5 0 1 1 0-5H6m9 2v6.5a2.5 2.5 0 1 1-5 0V18m2-9h6.5a2.5 2.5 0 1 1 0 5H18m-9-2V5.5a2.5 2.5 0 0 1 5 0V6'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler\:arrow-down, [i-tabler\:arrow-down=""] {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5v14m6-6l-6 6m-6-6l6 6'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler\:arrow-up {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5v14m6-8l-6-6m-6 6l6-6'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler\:arrows-double-nw-se {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M14 21L3 10m0 4v-4h4m10 4h4v-4M10 3l11 11'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler\:arrows-random {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 21h-4v-4m0 4l5-5M6.5 9.504l-3.5-2L5 4M3 7.504l6.83-1.87M4 16l4-1l1 4m-1-4l-3.5 6M21 5l-.5 4l-4-.5m4 .5L16 3.5'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler\:background {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m4 8l4-4m6 0L4 14m0 6L20 4m0 6L10 20m10-4l-4 4'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler\:bell {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3H4a4 4 0 0 0 2-3v-3a7 7 0 0 1 4-6M9 17v1a3 3 0 0 0 6 0v-1'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler\:bookmark {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 7v14l-6-4l-6 4V7a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler\:brand-appgallery {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 8a4 4 0 0 1 4-4h8a4 4 0 0 1 4 4v8a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4z'/%3E%3Cpath d='M9 8a3 3 0 0 0 6 0'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler\:brand-messenger {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m3 20l1.3-3.9A9 8 0 1 1 7.7 19z'/%3E%3Cpath d='m8 13l3-2l2 2l3-2'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler\:brand-openai, [i-tabler\:brand-openai=""] {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M11.217 19.384A3.501 3.501 0 0 0 18 18.167V13l-6-3.35'/%3E%3Cpath d='M5.214 15.014A3.501 3.501 0 0 0 9.66 20.28L14 17.746V10.8'/%3E%3Cpath d='M6 7.63c-1.391-.236-2.787.395-3.534 1.689a3.474 3.474 0 0 0 1.271 4.745L8 16.578l6-3.348'/%3E%3Cpath d='M12.783 4.616A3.501 3.501 0 0 0 6 5.833V10.9l6 3.45'/%3E%3Cpath d='M18.786 8.986A3.501 3.501 0 0 0 14.34 3.72L10 6.254V13.2'/%3E%3Cpath d='M18 16.302c1.391.236 2.787-.395 3.534-1.689a3.474 3.474 0 0 0-1.271-4.745l-4.308-2.514L10 10.774'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler\:brand-paypal {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 13h2.5c2.5 0 5-2.5 5-5c0-3-1.9-5-5-5H7c-.5 0-1 .5-1 1L4 18c0 .5.5 1 1 1h2.8L9 14c.1-.6.4-1 1-1m7.5-5.8C19.2 8.2 20 10 20 12c0 2.5-2.5 4.5-5 4.5h-2.6l-.6 3.6a1 1 0 0 1-1 .8H8.1a.5.5 0 0 1-.5-.6l.2-1.4'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler\:chart-pie {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10 3.2A9 9 0 1 0 20.8 14a1 1 0 0 0-1-1H13a2 2 0 0 1-2-2V4a.9.9 0 0 0-1-.8'/%3E%3Cpath d='M15 3.5A9 9 0 0 1 20.5 9H16a1 1 0 0 1-1-1z'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler\:circle-key {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 10a2 2 0 1 0 4 0a2 2 0 1 0-4 0'/%3E%3Cpath d='M21 12a9 9 0 1 1-18 0a9 9 0 0 1 18 0'/%3E%3Cpath d='m12.5 11.5l-4 4L10 17m2-2l-1.5-1.5'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler\:circles {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 7a4 4 0 1 0 8 0a4 4 0 1 0-8 0M2.5 17a4 4 0 1 0 8 0a4 4 0 1 0-8 0m11 0a4 4 0 1 0 8 0a4 4 0 1 0-8 0'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler\:code-asterisk {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 19a2 2 0 0 1-2-2v-4l-1-1l1-1V7a2 2 0 0 1 2-2m6 6.875l3-1.687m-3 1.687v3.375m0-3.375l-3-1.687m3 1.687l3 1.688M12 8.5v3.375m0 0l-3 1.688M18 19a2 2 0 0 0 2-2v-4l1-1l-1-1V7a2 2 0 0 0-2-2'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler\:database-dollar {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 6c0 1.657 3.582 3 8 3s8-1.343 8-3s-3.582-3-8-3s-8 1.343-8 3'/%3E%3Cpath d='M4 6v6c0 1.657 3.582 3 8 3q.623 0 1.22-.035M20 10V6'/%3E%3Cpath d='M4 12v6c0 1.657 3.582 3 8 3q.528 0 1.037-.025M21 15h-2.5a1.5 1.5 0 0 0 0 3h1a1.5 1.5 0 0 1 0 3H17m2 0v1m0-8v1'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler\:database-export {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 6c0 1.657 3.582 3 8 3s8-1.343 8-3s-3.582-3-8-3s-8 1.343-8 3'/%3E%3Cpath d='M4 6v6c0 1.657 3.582 3 8 3c1.118 0 2.183-.086 3.15-.241M20 12V6'/%3E%3Cpath d='M4 12v6c0 1.657 3.582 3 8 3q.235 0 .466-.005M16 19h6m-3-3l3 3l-3 3'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler\:database-import {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 6c0 1.657 3.582 3 8 3s8-1.343 8-3s-3.582-3-8-3s-8 1.343-8 3'/%3E%3Cpath d='M4 6v6c0 1.657 3.582 3 8 3c.856 0 1.68-.05 2.454-.144M20 12V6'/%3E%3Cpath d='M4 12v6c0 1.657 3.582 3 8 3q.256 0 .51-.006M19 22v-6m3 3l-3-3l-3 3'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler\:database-leak {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 6c0 1.657 3.582 3 8 3s8-1.343 8-3s-3.582-3-8-3s-8 1.343-8 3'/%3E%3Cpath d='M4 6v12c0 1.657 3.582 3 8 3s8-1.343 8-3V6'/%3E%3Cpath d='M4 15a2.4 2.4 0 0 0 2-1a2.4 2.4 0 0 1 2-1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2-1a2.4 2.4 0 0 1 2-1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler\:database-plus {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 6c0 1.657 3.582 3 8 3s8-1.343 8-3s-3.582-3-8-3s-8 1.343-8 3'/%3E%3Cpath d='M4 6v6c0 1.657 3.582 3 8 3c1.075 0 2.1-.08 3.037-.224M20 12V6'/%3E%3Cpath d='M4 12v6c0 1.657 3.582 3 8 3q.249 0 .495-.006M16 19h6m-3-3v6'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler\:dots {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7 0a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7 0a1 1 0 1 0 2 0a1 1 0 1 0-2 0'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler\:download {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2M7 11l5 5l5-5m-5-7v12'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler\:eye, [i-tabler\:eye=""] {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10 12a2 2 0 1 0 4 0a2 2 0 0 0-4 0'/%3E%3Cpath d='M21 12q-3.6 6-9 6t-9-6q3.6-6 9-6t9 6'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler\:info-square-rounded, [i-tabler\:info-square-rounded=""] {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 9h.01M11 12h1v4h1'/%3E%3Cpath d='M12 3c7.2 0 9 1.8 9 9s-1.8 9-9 9s-9-1.8-9-9s1.8-9 9-9'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler\:map-pin-filled {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M18.364 4.636a9 9 0 0 1 .203 12.519l-.203.21l-4.243 4.242a3 3 0 0 1-4.097.135l-.144-.135l-4.244-4.243A9 9 0 0 1 18.364 4.636M12 8a3 3 0 1 0 0 6a3 3 0 0 0 0-6'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler\:menu-2 {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 6h16M4 12h16M4 18h16'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler\:message-2-search {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M8 9h8m-8 4h5m-1 8l-.5-.5L9 18H6a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v4.5'/%3E%3Cpath d='M15 18a3 3 0 1 0 6 0a3 3 0 1 0-6 0m5.2 2.2L22 22'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler\:moneybag {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9.5 3h5A1.5 1.5 0 0 1 16 4.5A3.5 3.5 0 0 1 12.5 8h-1A3.5 3.5 0 0 1 8 4.5A1.5 1.5 0 0 1 9.5 3'/%3E%3Cpath d='M4 17v-1a8 8 0 1 1 16 0v1a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler\:music {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 17a3 3 0 1 0 6 0a3 3 0 0 0-6 0m10 0a3 3 0 1 0 6 0a3 3 0 0 0-6 0'/%3E%3Cpath d='M9 17V4h10v13M9 8h10'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler\:notification {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 6H7a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2-2v-3m-4-7a3 3 0 1 0 6 0a3 3 0 1 0-6 0'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler\:photo-circle {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 8h.01M4 15l4-4c.928-.893 2.072-.893 3 0l5 5'/%3E%3Cpath d='m14 14l1-1c.928-.893 2.072-.893 3 0l2 2'/%3E%3Cpath d='M3 12a9 9 0 0 0 9 9a9 9 0 0 0 9-9a9 9 0 0 0-9-9a9 9 0 0 0-9 9'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler\:plus {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5v14m-7-7h14'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler\:point-filled {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 7a5 5 0 1 1-4.995 5.217L7 12l.005-.217A5 5 0 0 1 12 7'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler\:refresh {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 11A8.1 8.1 0 0 0 4.5 9M4 5v4h4m-4 4a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler\:ripple {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 7q4.5-3 9 0c4.5 3 6 2 9 0M3 17q4.5-3 9 0c4.5 3 6 2 9 0M3 12q4.5-3 9 0c4.5 3 6 2 9 0'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler\:rosette-discount-check {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M5 7.2A2.2 2.2 0 0 1 7.2 5h1a2.2 2.2 0 0 0 1.55-.64l.7-.7a2.2 2.2 0 0 1 3.12 0l.7.7c.412.41.97.64 1.55.64h1a2.2 2.2 0 0 1 2.2 2.2v1c0 .58.23 1.138.64 1.55l.7.7a2.2 2.2 0 0 1 0 3.12l-.7.7a2.2 2.2 0 0 0-.64 1.55v1a2.2 2.2 0 0 1-2.2 2.2h-1a2.2 2.2 0 0 0-1.55.64l-.7.7a2.2 2.2 0 0 1-3.12 0l-.7-.7a2.2 2.2 0 0 0-1.55-.64h-1a2.2 2.2 0 0 1-2.2-2.2v-1a2.2 2.2 0 0 0-.64-1.55l-.7-.7a2.2 2.2 0 0 1 0-3.12l.7-.7A2.2 2.2 0 0 0 5 8.2z'/%3E%3Cpath d='m9 12l2 2l4-4'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler\:route {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 19a2 2 0 1 0 4 0a2 2 0 0 0-4 0M19 7a2 2 0 1 0 0-4a2 2 0 0 0 0 4m-8 12h5.5a3.5 3.5 0 0 0 0-7h-8a3.5 3.5 0 0 1 0-7H13'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler\:smart-home {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m19 8.71l-5.333-4.148a2.666 2.666 0 0 0-3.274 0L5.059 8.71a2.67 2.67 0 0 0-1.029 2.105v7.2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7.2c0-.823-.38-1.6-1.03-2.105'/%3E%3Cpath d='M16 15c-2.21 1.333-5.792 1.333-8 0'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler\:topology-ring {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M14 20a2 2 0 1 0-4 0a2 2 0 0 0 4 0m0-16a2 2 0 1 0-4 0a2 2 0 0 0 4 0m-8 8a2 2 0 1 0-4 0a2 2 0 0 0 4 0m16 0a2 2 0 1 0-4 0a2 2 0 0 0 4 0m-8.5-6.5l5 5m-13 3l5 5m3 0l5-5m-8-8l-5 5'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler\:trash {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 7h16m-10 4v6m4-6v6M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2l1-12M9 7V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler\:user-circle {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0'/%3E%3Cpath d='M9 10a3 3 0 1 0 6 0a3 3 0 1 0-6 0m-2.832 8.849A4 4 0 0 1 10 16h4a4 4 0 0 1 3.834 2.855'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler\:user-heart {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 7a4 4 0 1 0 8 0a4 4 0 0 0-8 0M6 21v-2a4 4 0 0 1 4-4h.5m7.5 7l3.35-3.284a2.143 2.143 0 0 0 .005-3.071a2.24 2.24 0 0 0-3.129-.006l-.224.22l-.223-.22a2.24 2.24 0 0 0-3.128-.006a2.143 2.143 0 0 0-.006 3.071z'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler\:user-square-rounded {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 13a3 3 0 1 0 0-6a3 3 0 0 0 0 6'/%3E%3Cpath d='M12 3c7.2 0 9 1.8 9 9s-1.8 9-9 9s-9-1.8-9-9s1.8-9 9-9'/%3E%3Cpath d='M6 20.05V20a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v.05'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler\:video {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m15 10l4.553-2.276A1 1 0 0 1 21 8.618v6.764a1 1 0 0 1-1.447.894L15 14zM3 8a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler\:x {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

.i-tabler\:zoom-money {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 10a7 7 0 1 0 14 0a7 7 0 1 0-14 0m18 11l-6-6'/%3E%3Cpath d='M12 7H9.5a1.5 1.5 0 0 0 0 3h1a1.5 1.5 0 0 1 0 3H8m2 0v1m0-8v1'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em
}

:is([prose=""],.prose) :where(h1,h2,h3,h4,h5,h6):not(:where(.not-prose,.not-prose *)) {
    color: var(--un-prose-headings);
    font-weight: 600;
    line-height: 1.25;
    margin-bottom: 1em !important
}

:is([prose=""],.prose) :where(a):not(:where(.not-prose,.not-prose *)) {
    color: var(--un-prose-links);
    text-decoration: none;
    font-weight: 400
}

:is([prose=""],.prose) :where(a code):not(:where(.not-prose,.not-prose *)) {
    color: var(--un-prose-links)
}

:is([prose=""],.prose) :where(p,ul,ol,pre):not(:where(.not-prose,.not-prose *)) {
    margin: 0 0 10px;
    line-height: 1.8
}

:is([prose=""],.prose) :where(blockquote):not(:where(.not-prose,.not-prose *)) {
    margin: 1em 0;
    padding-left: 1.25rem;
    font-style: normal;
    border-left: 3px solid var(--un-prose-borders)
}

:is([prose=""],.prose) :where(h1):not(:where(.not-prose,.not-prose *)) {
    margin: 1rem 0;
    font-size: 2.25em
}

:is([prose=""],.prose) :where(h2):not(:where(.not-prose,.not-prose *)) {
    margin: 1.75em 0 .5em;
    font-size: 1.75em
}

:is([prose=""],.prose) :where(h3):not(:where(.not-prose,.not-prose *)) {
    margin: 1.5em 0 .5em;
    font-size: 1.375em
}

:is([prose=""],.prose) :where(h4):not(:where(.not-prose,.not-prose *)) {
    margin: 1em 0;
    font-size: 1.125em
}

:is([prose=""],.prose) :where(img,video):not(:where(.not-prose,.not-prose *)) {
    max-width: 100%
}

:is([prose=""],.prose) :where(figure,picture):not(:where(.not-prose,.not-prose *)) {
    margin: 1em 0
}

:is([prose=""],.prose) :where(figcaption):not(:where(.not-prose,.not-prose *)) {
    color: var(--un-prose-captions);
    font-size: .875em
}

:is([prose=""],.prose) :where(code):not(:where(.not-prose,.not-prose *)) {
    color: var(--un-prose-code);
    font-size: .925em;
    font-weight: inherit;
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace
}

:is([prose=""],.prose) :where(:not(pre)>code):not(:where(.not-prose,.not-prose *)):before, :is([prose=""],.prose) :where(:not(pre)>code):not(:where(.not-prose,.not-prose *)):after {
    content:
}

:is([prose=""],.prose) :where(pre):not(:where(.not-prose,.not-prose *)) {
    padding: 16px 20px;
    overflow-x: auto;
    border-radius: 8px
}

:is([prose=""],.prose) :where(pre,code):not(:where(.not-prose,.not-prose *)) {
    white-space: pre;
    word-spacing: normal;
    word-break: break-word;
    word-wrap: normal;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
    background: #1d2031
}

:is([prose=""],.prose) :where(pre code):not(:where(.not-prose,.not-prose *)) {
    font-weight: inherit;
    white-space: pre-wrap;
    color: #aab0d1;
    -webkit-font-smoothing: antialiased
}

:is([prose=""],.prose) :where(ol,ul):not(:where(.not-prose,.not-prose *)) {
    padding-left: 1.5em
}

:is([prose=""],.prose) :where(ol):not(:where(.not-prose,.not-prose *)) {
    list-style-type: decimal;
    list-style-position: inside;
    padding-left: .5em
}

:is([prose=""],.prose) :where(ol[type=A]):not(:where(.not-prose,.not-prose *)) {
    list-style-type: upper-alpha
}

:is([prose=""],.prose) :where(ol[type=a]):not(:where(.not-prose,.not-prose *)) {
    list-style-type: lower-alpha
}

:is([prose=""],.prose) :where(ol[type=A s]):not(:where(.not-prose,.not-prose *)) {
    list-style-type: upper-alpha
}

:is([prose=""],.prose) :where(ol[type=a s]):not(:where(.not-prose,.not-prose *)) {
    list-style-type: lower-alpha
}

:is([prose=""],.prose) :where(ol[type=I]):not(:where(.not-prose,.not-prose *)) {
    list-style-type: upper-roman
}

:is([prose=""],.prose) :where(ol[type=i]):not(:where(.not-prose,.not-prose *)) {
    list-style-type: lower-roman
}

:is([prose=""],.prose) :where(ol[type=I s]):not(:where(.not-prose,.not-prose *)) {
    list-style-type: upper-roman
}

:is([prose=""],.prose) :where(ol[type=i s]):not(:where(.not-prose,.not-prose *)) {
    list-style-type: lower-roman
}

:is([prose=""],.prose) :where(ol[type="1"]):not(:where(.not-prose,.not-prose *)) {
    list-style-type: decimal
}

:is([prose=""],.prose) :where(ul):not(:where(.not-prose,.not-prose *)) {
    list-style-type: disc
}

:is([prose=""],.prose) :where(ol>li):not(:where(.not-prose,.not-prose *))::marker, :is([prose=""],.prose) :where(ul>li):not(:where(.not-prose,.not-prose *))::marker, :is([prose=""],.prose) :where(summary):not(:where(.not-prose,.not-prose *))::marker {
    color: var(--un-prose-lists)
}

:is([prose=""],.prose) :where(hr):not(:where(.not-prose,.not-prose *)) {
    margin: 2em 0;
    border: 1px solid var(--un-prose-hr)
}

:is([prose=""],.prose) :where(table):not(:where(.not-prose,.not-prose *)) {
    display: table;
    margin: unset;
    border-collapse: collapse;
    overflow-x: auto
}

:is([prose=""],.prose) :where(tr):not(:where(.not-prose,.not-prose *)):nth-child(2n) {
    background: unset
}

:is([prose=""],.prose) :where(td,th):not(:where(.not-prose,.not-prose *)) {
    border: 1px solid var(--un-prose-borders);
    padding: .625em 1em;
    min-width: 80px
}

:is([prose=""],.prose) :where(abbr):not(:where(.not-prose,.not-prose *)) {
    cursor: help
}

:is([prose=""],.prose) :where(kbd):not(:where(.not-prose,.not-prose *)) {
    color: var(--un-prose-code);
    border: 1px solid;
    padding: .25rem .5rem;
    font-size: .875em;
    border-radius: .25rem
}

:is([prose=""],.prose) :where(details):not(:where(.not-prose,.not-prose *)) {
    margin: 1em 0;
    padding: 1.25rem 1.5rem;
    background: var(--un-prose-bg-soft)
}

:is([prose=""],.prose) :where(summary):not(:where(.not-prose,.not-prose *)) {
    cursor: pointer;
    font-weight: 600
}

:is([prose=""],.prose) :where(h1):not(:where(.not-prose,.not-prose *)):first-child, :is([prose=""],.prose) :where(h2):not(:where(.not-prose,.not-prose *)):first-child, :is([prose=""],.prose) :where(h3):not(:where(.not-prose,.not-prose *)):first-child, :is([prose=""],.prose) :where(h4):not(:where(.not-prose,.not-prose *)):first-child, :is([prose=""],.prose) :where(h5):not(:where(.not-prose,.not-prose *)):first-child {
    margin-top: 0
}

:is([prose=""],.prose) :where(ol p,ul p):not(:where(.not-prose,.not-prose *)) {
    display: contents
}

:is([prose=""],.prose) :where(li):not(:where(.not-prose,.not-prose *)) {
    padding: .25em 0
}

:is([prose=""],.prose) :where(blockquote p):not(:where(.not-prose,.not-prose *)) {
    margin-bottom: .25em
}

:is([prose=""],.prose) :where(p):not(:where(.not-prose,.not-prose *)):only-child, :is([prose=""],.prose) :where(p):not(:where(.not-prose,.not-prose *)):last-child {
    margin: 0
}

:is([prose=""],.prose) :where([theme-mode=dark] pre,[theme-mode=dark] code):not(:where(.not-prose,.not-prose *)) {
    background: #1d2031
}

:is([prose=""],.prose) :where(:not(pre)>code):not(:where(.not-prose,.not-prose *)) {
    padding: 2px 6px;
    border-radius: 4px;
    border: 1px solid var(--un-prose-borders);
    background: transparent;
    white-space: pre-wrap;
    margin: 0 .2em;
    text-wrap: nowrap
}

:is([prose=""],.prose) :where(img):not(:where(.not-prose,.not-prose *)) {
    border-radius: 6px
}

    :is([prose=""],.prose) :where(img):not(:where(.not-prose,.not-prose *)):not(:last-child):not(:only-child) {
        margin-bottom: 16px
    }

.prose, [prose=""] {
    color: var(--un-prose-body);
    max-width: 65ch
}

.container {
    width: 100%
}

.btn {
    box-sizing: border-box;
    min-width: 36px;
    height: 36px;
    display: inline-flex;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    border-style: none;
    padding-left: 14px;
    padding-right: 14px;
    vertical-align: middle;
    line-height: 1;
    outline: 2px solid transparent;
    outline-offset: 2px;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
    transition-duration: .25s
}

.flex-center, [flex-center=""] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-y-center, [flex-y-center=""] {
    display: flex;
    align-items: center
}

.green-to-blue {
    --un-gradient-from-position: 0%;
    --un-gradient-from: rgb(121 229 168 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);
    --un-gradient-to-position: 100%;
    --un-gradient-to: rgb(121 229 168 / 0) var(--un-gradient-to-position);
    --un-gradient-stops: var(--un-gradient-from), var(--un-gradient-to);
    --un-gradient-to: rgb(56 189 248 / var(--un-to-opacity, 1)) var(--un-gradient-to-position);
    --un-gradient-shape: to right in oklch;
    --un-gradient: var(--un-gradient-shape), var(--un-gradient-stops);
    background-image: linear-gradient(var(--un-gradient));
    --un-shadow: 0 .25rem .5rem -.25rem rgba(var(--primary-6),.6) var(--un-shadow-color);
    box-shadow: var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)
}

    .green-to-blue:hover {
        --un-gradient-from-position: 0%;
        --un-gradient-from: rgb(56 189 248 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);
        --un-gradient-to-position: 100%;
        --un-gradient-to: rgb(56 189 248 / 0) var(--un-gradient-to-position);
        --un-gradient-stops: var(--un-gradient-from), var(--un-gradient-to);
        --un-gradient-to: rgb(121 229 168 / var(--un-to-opacity, 1)) var(--un-gradient-to-position)
    }

@media (max-width: 767.9px) {
    .lt-md\:flex-center {
        display: flex;
        align-items: center;
        justify-content: center
    }
}

@media (min-width: 640px) {
    .container {
        max-width: 640px
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 768px
    }

    .md\:flex-y-center {
        display: flex;
        align-items: center
    }
}

@media (min-width: 1024px) {
    .container {
        max-width: 1024px
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1280px
    }
}

@media (min-width: 1536px) {
    .container {
        max-width: 1536px
    }
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.relative, [relative=""] {
    position: relative
}

.sticky\! {
    position: sticky !important
}

.before\:absolute:before {
    position: absolute
}

.after\:absolute:after {
    position: absolute
}

.-bottom-400px {
    bottom: -400px
}

.-bottom-5 {
    bottom: -1.25rem
}

.-left-24 {
    left: -6rem
}

.-right-3 {
    right: -.75rem
}

.-right-400px {
    right: -400px
}

.-top-10 {
    top: -2.5rem
}

.-top-32 {
    top: -8rem
}

.bottom-0 {
    bottom: 0
}

.bottom-12 {
    bottom: 3rem
}

.left-0 {
    left: 0
}

.right-0, [right~="0"] {
    right: 0
}

.right-10\! {
    right: 2.5rem !important
}

.right-5 {
    right: 1.25rem
}

.top-0 {
    top: 0
}

[right~="2"] {
    right: .5rem
}

.before\:left-13:before {
    left: 3.25rem
}

.before\:left-30:before {
    left: 7.5rem
}

.before\:top-0:before {
    top: 0
}

.before\:top-45:before {
    top: 11.25rem
}

.before\:top-8:before {
    top: 2rem
}

.after\:-top-20:after {
    top: -5rem
}

.after\:left-8:after {
    left: 2rem
}

.after\:right-80:after {
    right: 20rem
}

.after\:top-8:after {
    top: 2rem
}

.-z-1 {
    z-index: -1
}

.-z-10 {
    z-index: -10
}

.z-0 {
    z-index: 0
}

.z-1 {
    z-index: 1
}

.z-100 {
    z-index: 100
}

.z-2 {
    z-index: 2
}

.z-50 {
    z-index: 50
}

.z-668 {
    z-index: 668
}

.hover\:z-1:hover, [hover\:z-1=""]:hover {
    z-index: 1
}

[order~="[...apiData]"] {
    order: ...apiData
}

.grid, [grid=""] {
    display: grid
}

.grid\! {
    display: grid !important
}

.grid-cols-1 {
    grid-template-columns: repeat(1,minmax(0,1fr))
}

.grid-cols-2, [grid-cols-2=""] {
    grid-template-columns: repeat(2,minmax(0,1fr))
}

[rows~="3"] {
    grid-template-rows: repeat(3,minmax(0,1fr))
}

.m-5 {
    margin: 1.25rem
}

.mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
}

.mx-2 {
    margin-left: .5rem;
    margin-right: .5rem
}

.mx-3 {
    margin-left: .75rem;
    margin-right: .75rem
}

.mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-2 {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.my-3, [my-3=""] {
    margin-top: .75rem;
    margin-bottom: .75rem
}

.my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

.-mr-1px {
    margin-right: -1px
}

.-mt-24 {
    margin-top: -6rem
}

.mb-0 {
    margin-bottom: 0
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-1\! {
    margin-bottom: .25rem !important
}

.mb-10 {
    margin-bottom: 2.5rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-2\! {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: .75rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.mb-6, [mb-6=""] {
    margin-bottom: 1.5rem
}

.ml-1 {
    margin-left: .25rem
}

.ml-1\.5 {
    margin-left: .375rem
}

.ml-2 {
    margin-left: .5rem
}

.ml-3 {
    margin-left: .75rem
}

.ml-5, [ml-5=""] {
    margin-left: 1.25rem
}

.ml-auto, [ml-auto=""] {
    margin-left: auto
}

.mr-0\! {
    margin-right: 0 !important
}

.mr-0\.5 {
    margin-right: .125rem
}

.mr-1 {
    margin-right: .25rem
}

.mr-1\.5, [mr-1\.5=""] {
    margin-right: .375rem
}

.mr-2, [mr-2=""] {
    margin-right: .5rem
}

.mr-2px {
    margin-right: 2px
}

.mr-3, [mr-3=""] {
    margin-right: .75rem
}

.mr-3\.5 {
    margin-right: .875rem
}

.mr-4, [mr-4=""] {
    margin-right: 1rem
}

.mr-5 {
    margin-right: 1.25rem
}

.mr-auto {
    margin-right: auto
}

.mt-0 {
    margin-top: 0
}

.mt-0\.5 {
    margin-top: .125rem
}

.mt-10 {
    margin-top: 2.5rem
}

.mt-100px {
    margin-top: 100px
}

.mt-12 {
    margin-top: 3rem
}

.mt-16 {
    margin-top: 4rem
}

.mt-2 {
    margin-top: .5rem
}

.mt-20 {
    margin-top: 5rem
}

.mt-3 {
    margin-top: .75rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-4\! {
    margin-top: 1rem !important
}

.mt-5 {
    margin-top: 1.25rem
}

.mt-7 {
    margin-top: 1.75rem
}

.mt-9px {
    margin-top: 9px
}

.block, [block=""] {
    display: block
}

.before\:block:before {
    display: block
}

.after\:block:after {
    display: block
}

.inline-block {
    display: inline-block
}

.hidden, [hidden=""] {
    display: none
}

.hidden\!, [hidden\!=""] {
    display: none !important
}

[size~="100"] {
    width: 25rem;
    height: 25rem
}

[size~="200"] {
    width: 50rem;
    height: 50rem
}

.h-\[100px\] {
    height: 100px
}

.h-10, [h-10=""] {
    height: 2.5rem
}

.h-1000px {
    height: 1000px
}

.h-12 {
    height: 3rem
}

.h-13 {
    height: 3.25rem
}

.h-14 {
    height: 3.5rem
}

.h-160px {
    height: 160px
}

.h-176 {
    height: 44rem
}

.h-2, [h-2=""], [h2=""] {
    height: .5rem
}

.h-20 {
    height: 5rem
}

.h-26 {
    height: 6.5rem
}

.h-28 {
    height: 7rem
}

.h-3, [h3=""] {
    height: .75rem
}

.h-3\.5, [h-3\.5=""] {
    height: .875rem
}

.h-34px {
    height: 34px
}

.h-4, [h-4=""], [h4=""] {
    height: 1rem
}

.h-4\.5 {
    height: 1.125rem
}

.h-40 {
    height: 10rem
}

.h-410px {
    height: 410px
}

.h-5, [h-5=""], [h5=""] {
    height: 1.25rem
}

.h-5\! {
    height: 1.25rem !important
}

.h-52px {
    height: 52px
}

.h-56px {
    height: 56px
}

.h-6, [h-6=""] {
    height: 1.5rem
}

.h-60px, [h-60px=""] {
    height: 60px
}

.h-8, [h-8=""] {
    height: 2rem
}

.h-8\! {
    height: 2rem !important
}

.h-800px {
    height: 800px
}

.h-80px {
    height: 80px
}

.h-9 {
    height: 2.25rem
}

.h-9\.5 {
    height: 2.375rem
}

.h-full {
    height: 100%
}

.max-h-25 {
    max-height: 6.25rem
}

.max-w-\[260px\] {
    max-width: 260px
}

.max-w-100 {
    max-width: 25rem
}

.max-w-120 {
    max-width: 30rem
}

.max-w-2xl {
    max-width: 42rem
}

.max-w-520px {
    max-width: 520px
}

.max-w-60\% {
    max-width: 60%
}

.max-w-7xl {
    max-width: 80rem
}

.max-w-96\!, [max-w-96\!=""] {
    max-width: 24rem !important
}

.max-w-full {
    max-width: 100%
}

.max-w-full\! {
    max-width: 100% !important
}

.min-h-184px {
    min-height: 184px
}

.min-w-10 {
    min-width: 2.5rem
}

.min-w-80\!, [min-w-80\!=""] {
    min-width: 20rem !important
}

.w-1\/2 {
    width: 50%
}

.w-10, [w-10=""] {
    width: 2.5rem
}

.w-1000 {
    width: 250rem
}

.w-12 {
    width: 3rem
}

.w-13 {
    width: 3.25rem
}

.w-14 {
    width: 3.5rem
}

.w-2, [w-2=""] {
    width: .5rem
}

.w-20 {
    width: 5rem
}

.w-25, [w-25=""] {
    width: 6.25rem
}

.w-26 {
    width: 6.5rem
}

.w-3 {
    width: .75rem
}

.w-3\.5, [w-3\.5=""] {
    width: .875rem
}

.w-3000px {
    width: 3000px
}

.w-32 {
    width: 8rem
}

.w-38 {
    width: 9.5rem
}

.w-4, [w-4=""] {
    width: 1rem
}

.w-4\.5 {
    width: 1.125rem
}

.w-40 {
    width: 10rem
}

.w-5, [w-5=""] {
    width: 1.25rem
}

.w-5\! {
    width: 1.25rem !important
}

.w-56px {
    width: 56px
}

.w-6, [w-6=""] {
    width: 1.5rem
}

.w-8, [w-8=""] {
    width: 2rem
}

.w-8\! {
    width: 2rem !important
}

.w-80 {
    width: 20rem
}

.w-9 {
    width: 2.25rem
}

.w-9\.5 {
    width: 2.375rem
}

.w-full, [w-full=""] {
    width: 100%
}

.w-full\! {
    width: 100% !important
}

[h1=""] {
    height: .25rem
}

[h-4~="disabled:"]:disabled {
    height: 1rem
}

.before\:h-5:before {
    height: 1.25rem
}

.before\:h-50:before {
    height: 12.5rem
}

.before\:h-90:before {
    height: 22.5rem
}

.before\:max-w-full:before {
    max-width: 100%
}

.before\:w-5:before {
    width: 1.25rem
}

.before\:w-60:before {
    width: 15rem
}

.before\:w-90:before {
    width: 22.5rem
}

.after\:h-50:after {
    height: 12.5rem
}

.after\:h-8:after {
    height: 2rem
}

.after\:h-90:after {
    height: 22.5rem
}

.after\:max-w-full:after {
    max-width: 100%
}

.after\:w-8:after {
    width: 2rem
}

.after\:w-90:after {
    width: 22.5rem
}

.flex, [flex=""] {
    display: flex
}

.flex\! {
    display: flex !important
}

.inline-flex, [inline-flex=""] {
    display: inline-flex
}

.flex-1, [flex-1=""] {
    flex: 1 1 0%
}

.flex-auto {
    flex: 1 1 auto
}

.shrink-0, [shrink-0=""] {
    flex-shrink: 0
}

.flex-grow, [flex-grow~="?"], [flex-grow~="{"], [flex-grow~="==="], [flex-grow~="0,"], [flex-grow~="1"], [flex-grow~="item.status"], [flex-grow~="stroke={["] {
    flex-grow: 1
}

.grow-0 {
    flex-grow: 0
}

.flex-row\! {
    flex-direction: row !important
}

.flex-col, [flex-col=""] {
    flex-direction: column
}

.flex-wrap, [flex-wrap=""] {
    flex-wrap: wrap
}

.hover\:-translate-y-1:hover {
    --un-translate-y: -.25rem;
    transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.transform-rotate-45 {
    --un-rotate-x: 0;
    --un-rotate-y: 0;
    --un-rotate-z: 0;
    --un-rotate: 45deg;
    transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.hover\:scale-106:hover {
    --un-scale-x: 1.06;
    --un-scale-y: 1.06;
    transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.cursor-default\! {
    cursor: default !important
}

.cursor-pointer {
    cursor: pointer
}

.cursor-zoom-in {
    cursor: zoom-in
}

.resize, [resize=""] {
    resize: both
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.items-stretch {
    align-items: stretch
}

.items-unset {
    align-items: unset
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between, [justify-between=""] {
    justify-content: space-between
}

.gap-1 {
    gap: .25rem
}

.gap-10 {
    gap: 2.5rem
}

.gap-2 {
    gap: .5rem
}

.gap-3, [gap-3=""] {
    gap: .75rem
}

.gap-4, [gap-4=""] {
    gap: 1rem
}

.gap-5, [gap-5=""] {
    gap: 1.25rem
}

.gap-5\! {
    gap: 1.25rem !important
}

.gap-6 {
    gap: 1.5rem
}

.gap-x-1, [gap-x-1=""] {
    column-gap: .25rem
}

.gap-x-2 {
    column-gap: .5rem
}

.gap-x-3 {
    column-gap: .75rem
}

.gap-x-4 {
    column-gap: 1rem
}

.gap-x-5 {
    column-gap: 1.25rem
}

.gap-y-18 {
    row-gap: 4.5rem
}

.gap-y-3 {
    row-gap: .75rem
}

.space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
    --un-space-x-reverse: 0;
    margin-left: calc(.375rem * calc(1 - var(--un-space-x-reverse)));
    margin-right: calc(.375rem * var(--un-space-x-reverse))
}

.space-x-1 > :not([hidden]) ~ :not([hidden]) {
    --un-space-x-reverse: 0;
    margin-left: calc(.25rem * calc(1 - var(--un-space-x-reverse)));
    margin-right: calc(.25rem * var(--un-space-x-reverse))
}

.space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --un-space-x-reverse: 0;
    margin-left: calc(.5rem * calc(1 - var(--un-space-x-reverse)));
    margin-right: calc(.5rem * var(--un-space-x-reverse))
}

.space-x-3 > :not([hidden]) ~ :not([hidden]) {
    --un-space-x-reverse: 0;
    margin-left: calc(.75rem * calc(1 - var(--un-space-x-reverse)));
    margin-right: calc(.75rem * var(--un-space-x-reverse))
}

.space-x-5 > :not([hidden]) ~ :not([hidden]) {
    --un-space-x-reverse: 0;
    margin-left: calc(1.25rem * calc(1 - var(--un-space-x-reverse)));
    margin-right: calc(1.25rem * var(--un-space-x-reverse))
}

.space-x-8 > :not([hidden]) ~ :not([hidden]) {
    --un-space-x-reverse: 0;
    margin-left: calc(2rem * calc(1 - var(--un-space-x-reverse)));
    margin-right: calc(2rem * var(--un-space-x-reverse))
}

.space-y-3 > :not([hidden]) ~ :not([hidden]) {
    --un-space-y-reverse: 0;
    margin-top: calc(.75rem * calc(1 - var(--un-space-y-reverse)));
    margin-bottom: calc(.75rem * var(--un-space-y-reverse))
}

.of-hidden {
    overflow: hidden
}

.of-hidden\! {
    overflow: hidden !important
}

.of-y-auto {
    overflow-y: auto
}

.of-y-scroll {
    overflow-y: scroll
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.break-all {
    word-break: break-all
}

.border, .border-1, [b=""] {
    border-width: 1px
}

.border-0\! {
    border-width: 0px !important
}

.border-b, [border-b=""] {
    border-bottom-width: 1px
}

.border-b-2 {
    border-bottom-width: 2px
}

.border-l\! {
    border-left-width: 1px !important
}

.border-r {
    border-right-width: 1px
}

.border-t {
    border-top-width: 1px
}

.border-transparent, [border-transparent~="{"], [border-transparent~="{(text"], [border-transparent~="{text}"], [border-transparent~="}}"], [border-transparent~="</Button>"], [border-transparent~="==="], [border-transparent~="=>"], [border-transparent~=">"], [border-transparent~="copyText(text)"], [border-transparent~="onClick={()"] {
    border-color: transparent
}

.border-transparent\! {
    border-color: transparent !important
}

.rd-1 {
    border-radius: .25rem
}

.rd-10px\! {
    border-radius: 10px !important
}

.rd-16px {
    border-radius: 16px
}

.rd-2 {
    border-radius: .5rem
}

.rd-3 {
    border-radius: .75rem
}

.rd-6px, [rd-6px=""] {
    border-radius: 6px
}

.rd-8px {
    border-radius: 8px
}

.rd-8px\! {
    border-radius: 8px !important
}

.rd-full, [rd-full=""] {
    border-radius: 9999px
}

.rd-full\! {
    border-radius: 9999px !important
}

.rounded-\[18px\] {
    border-radius: 18px
}

.rounded-\[22px\] {
    border-radius: 22px
}

.before\:rd-full:before {
    border-radius: 9999px
}

.after\:rd-full:after {
    border-radius: 9999px
}

.rd-l-0\! {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.rd-r-0\!, [rd-r-0\!=""] {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.border-dashed, [border-dashed=""] {
    border-style: dashed
}

.border-dotted {
    border-style: dotted
}

.border-none\!, [border-none\!=""] {
    border-style: none !important
}

.bg-\[\#E3E3E3\] {
    --un-bg-opacity: 1;
    background-color: rgb(227 227 227 / var(--un-bg-opacity))
}

.bg-amber {
    --un-bg-opacity: 1;
    background-color: rgb(251 191 36 / var(--un-bg-opacity))
}

.bg-black\/80 {
    background-color: #000c
}

.bg-blue {
    --un-bg-opacity: 1;
    background-color: rgb(96 165 250 / var(--un-bg-opacity))
}

.bg-cyan, .bg-cyan-400 {
    --un-bg-opacity: 1;
    background-color: rgb(34 211 238 / var(--un-bg-opacity))
}

.bg-cyan-500 {
    --un-bg-opacity: 1;
    background-color: rgb(6 182 212 / var(--un-bg-opacity))
}

.bg-dark\! {
    --un-bg-opacity: 1 !important;
    background-color: rgb(34 34 34 / var(--un-bg-opacity)) !important
}

.bg-emerald-400 {
    --un-bg-opacity: 1;
    background-color: rgb(52 211 153 / var(--un-bg-opacity))
}

.bg-fuchsia {
    --un-bg-opacity: 1;
    background-color: rgb(232 121 249 / var(--un-bg-opacity))
}

.bg-green {
    --un-bg-opacity: 1;
    background-color: rgb(74 222 128 / var(--un-bg-opacity))
}

.bg-green-500, [bg-green-500=""] {
    --un-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--un-bg-opacity))
}

.bg-indigo, .bg-indigo-400 {
    --un-bg-opacity: 1;
    background-color: rgb(129 140 248 / var(--un-bg-opacity))
}

.bg-indigo-500 {
    --un-bg-opacity: 1;
    background-color: rgb(99 102 241 / var(--un-bg-opacity))
}

.bg-light-blue {
    --un-bg-opacity: 1;
    background-color: rgb(56 189 248 / var(--un-bg-opacity))
}

.bg-lime {
    --un-bg-opacity: 1;
    background-color: rgb(163 230 53 / var(--un-bg-opacity))
}

.bg-orange {
    --un-bg-opacity: 1;
    background-color: rgb(251 146 60 / var(--un-bg-opacity))
}

.bg-orange-500 {
    --un-bg-opacity: 1;
    background-color: rgb(249 115 22 / var(--un-bg-opacity))
}

.bg-pink, .bg-pink-400 {
    --un-bg-opacity: 1;
    background-color: rgb(244 114 182 / var(--un-bg-opacity))
}

.bg-purple {
    --un-bg-opacity: 1;
    background-color: rgb(192 132 252 / var(--un-bg-opacity))
}

.bg-red-500 {
    --un-bg-opacity: 1;
    background-color: rgb(239 68 68 / var(--un-bg-opacity))
}

.bg-sky-500 {
    --un-bg-opacity: 1;
    background-color: rgb(14 165 233 / var(--un-bg-opacity))
}

.bg-teal {
    --un-bg-opacity: 1;
    background-color: rgb(45 212 191 / var(--un-bg-opacity))
}

.bg-transparent {
    background-color: transparent
}

.bg-violet, .bg-violet-400 {
    --un-bg-opacity: 1;
    background-color: rgb(167 139 250 / var(--un-bg-opacity))
}

.bg-white, [bg-white=""] {
    --un-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--un-bg-opacity))
}

.bg-white\/100 {
    background-color: #fff
}

.bg-white\/20 {
    background-color: #fff3
}

.bg-white\/90 {
    background-color: #ffffffe6
}

.bg-yellow, .bg-yellow-400 {
    --un-bg-opacity: 1;
    background-color: rgb(250 204 21 / var(--un-bg-opacity))
}

[theme-mode=dark] .dark\:bg-\[\#061429\] {
    --un-bg-opacity: 1;
    background-color: rgb(6 20 41 / var(--un-bg-opacity))
}

[theme-mode=dark] .dark\:bg-\[\#16161A\]\/30 {
    background-color: #16161a4d
}

[theme-mode=dark] .dark\:bg-black\! {
    --un-bg-opacity: 1 !important;
    background-color: rgb(0 0 0 / var(--un-bg-opacity)) !important
}

[theme-mode=dark] .dark\:bg-cyan-500\/20 {
    background-color: #06b6d433
}

[theme-mode=dark] .dark\:bg-dark\/80 {
    background-color: #222c
}

[theme-mode=dark] .dark\:bg-emerald-500\/20 {
    background-color: #10b98133
}

[theme-mode=dark] .dark\:bg-indigo-500\/20 {
    background-color: #6366f133
}

[theme-mode=dark] .dark\:bg-pink-500\/20 {
    background-color: #ec489933
}

[theme-mode=dark] .dark\:bg-violet-500\/20 {
    background-color: #8b5cf633
}

[theme-mode=dark] .dark\:bg-yellow-500\/20 {
    background-color: #eab30833
}

.hover\:bg-cyan-600:hover {
    --un-bg-opacity: 1;
    background-color: rgb(8 145 178 / var(--un-bg-opacity))
}

.hover\:bg-green-600\!:hover {
    --un-bg-opacity: 1 !important;
    background-color: rgb(22 163 74 / var(--un-bg-opacity)) !important
}

.hover\:bg-sky-600:hover {
    --un-bg-opacity: 1;
    background-color: rgb(2 132 199 / var(--un-bg-opacity))
}

[hover\:bg-green-600\!=""]:hover {
    --un-bg-opacity: 1 !important;
    background-color: rgb(22 163 74 / var(--un-bg-opacity)) !important
}

.before\:bg-indigo:before {
    --un-bg-opacity: 1;
    background-color: rgb(129 140 248 / var(--un-bg-opacity))
}

.before\:bg-yellow:before {
    --un-bg-opacity: 1;
    background-color: rgb(250 204 21 / var(--un-bg-opacity))
}

.after\:bg-teal:after {
    --un-bg-opacity: 1;
    background-color: rgb(45 212 191 / var(--un-bg-opacity))
}

.from-dark-600 {
    --un-gradient-from-position: 0%;
    --un-gradient-from: rgb(28 28 30 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);
    --un-gradient-to-position: 100%;
    --un-gradient-to: rgb(28 28 30 / 0) var(--un-gradient-to-position);
    --un-gradient-stops: var(--un-gradient-from), var(--un-gradient-to)
}

.from-transparent {
    --un-gradient-from-position: 0%;
    --un-gradient-from: transparent var(--un-gradient-from-position);
    --un-gradient-to-position: 100%;
    --un-gradient-to: rgb(255 255 255 / 0) var(--un-gradient-to-position);
    --un-gradient-stops: var(--un-gradient-from), var(--un-gradient-to)
}

.from-white\/0 {
    --un-gradient-from-position: 0%;
    --un-gradient-from: rgb(255 255 255 / 0) var(--un-gradient-from-position);
    --un-gradient-to-position: 100%;
    --un-gradient-to: rgb(255 255 255 / 0) var(--un-gradient-to-position);
    --un-gradient-stops: var(--un-gradient-from), var(--un-gradient-to)
}

.via-cyan-500\/10 {
    --un-gradient-via-position: 50%;
    --un-gradient-to: rgb(6 182 212 / 0);
    --un-gradient-stops: var(--un-gradient-from), rgb(6 182 212 / .1) var(--un-gradient-via-position), var(--un-gradient-to)
}

.to-dark-300 {
    --un-gradient-to-position: 100%;
    --un-gradient-to: rgb(45 45 45 / var(--un-to-opacity, 1)) var(--un-gradient-to-position)
}

.to-indigo-500\/30 {
    --un-gradient-to-position: 100%;
    --un-gradient-to: rgb(99 102 241 / .3) var(--un-gradient-to-position)
}

.to-white\/0 {
    --un-gradient-to-position: 100%;
    --un-gradient-to: rgb(255 255 255 / 0) var(--un-gradient-to-position)
}

[theme-mode=dark] .dark\:to-indigo-500\/10 {
    --un-gradient-to-position: 100%;
    --un-gradient-to: rgb(99 102 241 / .1) var(--un-gradient-to-position)
}

.bg-gradient-to-r {
    --un-gradient-shape: to right in oklch;
    --un-gradient: var(--un-gradient-shape), var(--un-gradient-stops);
    background-image: linear-gradient(var(--un-gradient))
}

.bg-gradient-to-t {
    --un-gradient-shape: to top in oklch;
    --un-gradient: var(--un-gradient-shape), var(--un-gradient-stops);
    background-image: linear-gradient(var(--un-gradient))
}

.bg-gradient-to-tr {
    --un-gradient-shape: to top right in oklch;
    --un-gradient: var(--un-gradient-shape), var(--un-gradient-stops);
    background-image: linear-gradient(var(--un-gradient))
}

[stroke~="1"] {
    stroke-width: 1px
}

[stroke~="2"] {
    stroke-width: 2px
}

[stroke~="#21C65F"] {
    --un-stroke-opacity: 1;
    stroke: rgb(33 198 95 / var(--un-stroke-opacity))
}

[stroke~="#FB4128"] {
    --un-stroke-opacity: 1;
    stroke: rgb(251 65 40 / var(--un-stroke-opacity))
}

[stroke~="#FF9119"] {
    --un-stroke-opacity: 1;
    stroke: rgb(255 145 25 / var(--un-stroke-opacity))
}

.object-cover {
    object-fit: cover
}

.p-0 {
    padding: 0
}

.p-0\! {
    padding: 0 !important
}

.p-1 {
    padding: .25rem
}

.p-2, [p-2=""] {
    padding: .5rem
}

.p-3 {
    padding: .75rem
}

.p-5, [p-5=""] {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.px, [px=""] {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-2\! {
    padding-left: .5rem !important;
    padding-right: .5rem !important
}

.px-3, [px-3=""] {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-3\! {
    padding-left: .75rem !important;
    padding-right: .75rem !important
}

.px-5, [px-5=""] {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.px-5px {
    padding-left: 5px;
    padding-right: 5px
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.py-0\! {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-0\.6 {
    padding-top: .15rem;
    padding-bottom: .15rem
}

.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.py-10, [py-10=""] {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

.py-1px {
    padding-top: 1px;
    padding-bottom: 1px
}

.py-2, [py-2=""] {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.py-5\! {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important
}

.pb-1 {
    padding-bottom: .25rem
}

.pb-10 {
    padding-bottom: 2.5rem
}

.pb-20, [pb-20=""] {
    padding-bottom: 5rem
}

.pb-3, [pb-3=""] {
    padding-bottom: .75rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pb-4\.5 {
    padding-bottom: 1.125rem
}

.pb-5 {
    padding-bottom: 1.25rem
}

.pl-1 {
    padding-left: .25rem
}

.pl-2 {
    padding-left: .5rem
}

.pl-3 {
    padding-left: .75rem
}

.pl-4 {
    padding-left: 1rem
}

.pr-0\! {
    padding-right: 0 !important
}

.pr-2 {
    padding-right: .5rem
}

.pr-8 {
    padding-right: 2rem
}

.pt-\[var\(--header-height\)\] {
    padding-top: var(--header-height)
}

.pt-0, [pt-0=""] {
    padding-top: 0
}

.pt-2 {
    padding-top: .5rem
}

.pt-3 {
    padding-top: .75rem
}

.pt-4 {
    padding-top: 1rem
}

.pt-5 {
    padding-top: 1.25rem
}

.pt-6 {
    padding-top: 1.5rem
}

.pt-8 {
    padding-top: 2rem
}

.pie {
    padding-inline-end: 1rem
}

.text-center, [text-center=""] {
    text-align: center
}

.text-left {
    text-align: left
}

.text-nowrap, [text-nowrap=""] {
    text-wrap: nowrap
}

.text-1\.375rem {
    font-size: 1.375rem
}

.text-12px {
    font-size: 12px
}

.text-13px {
    font-size: 13px
}

.text-14px {
    font-size: 14px
}

.text-14px\!, [text-14px\!=""] {
    font-size: 14px !important
}

.text-15px {
    font-size: 15px
}

.text-16px {
    font-size: 16px
}

.text-18px {
    font-size: 18px
}

.text-20px {
    font-size: 20px
}

.text-22px {
    font-size: 22px
}

.text-24px {
    font-size: 24px
}

.text-28px {
    font-size: 28px
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-32px {
    font-size: 32px
}

.text-36px {
    font-size: 36px
}

.text-3xl, [text-3xl=""] {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.text-48px {
    font-size: 48px
}

.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}

.text-56px {
    font-size: 56px
}

.text-base, [text-base=""] {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.text-black {
    --un-text-opacity: 1;
    color: rgb(0 0 0 / var(--un-text-opacity))
}

.text-blue, [color~=blue] {
    --un-text-opacity: 1;
    color: rgb(96 165 250 / var(--un-text-opacity))
}

.text-blue-500\! {
    --un-text-opacity: 1 !important;
    color: rgb(59 130 246 / var(--un-text-opacity)) !important
}

.text-cyan, [color~=cyan] {
    --un-text-opacity: 1;
    color: rgb(34 211 238 / var(--un-text-opacity))
}

.text-cyan-500 {
    --un-text-opacity: 1;
    color: rgb(6 182 212 / var(--un-text-opacity))
}

.text-dark {
    --un-text-opacity: 1;
    color: rgb(34 34 34 / var(--un-text-opacity))
}

.text-emerald-500 {
    --un-text-opacity: 1;
    color: rgb(16 185 129 / var(--un-text-opacity))
}

.text-gray-500 {
    --un-text-opacity: 1;
    color: rgb(107 114 128 / var(--un-text-opacity))
}

.text-green-500 {
    --un-text-opacity: 1;
    color: rgb(34 197 94 / var(--un-text-opacity))
}

.text-green-500\! {
    --un-text-opacity: 1 !important;
    color: rgb(34 197 94 / var(--un-text-opacity)) !important
}

.text-green-600 {
    --un-text-opacity: 1;
    color: rgb(22 163 74 / var(--un-text-opacity))
}

.text-indigo, [color~=indigo] {
    --un-text-opacity: 1;
    color: rgb(129 140 248 / var(--un-text-opacity))
}

.text-indigo-500 {
    --un-text-opacity: 1;
    color: rgb(99 102 241 / var(--un-text-opacity))
}

.text-indigo-500\! {
    --un-text-opacity: 1 !important;
    color: rgb(99 102 241 / var(--un-text-opacity)) !important
}

.text-pink, [color~=pink] {
    --un-text-opacity: 1;
    color: rgb(244 114 182 / var(--un-text-opacity))
}

.text-pink-500 {
    --un-text-opacity: 1;
    color: rgb(236 72 153 / var(--un-text-opacity))
}

.text-purple-500 {
    --un-text-opacity: 1;
    color: rgb(168 85 247 / var(--un-text-opacity))
}

.text-red-500 {
    --un-text-opacity: 1;
    color: rgb(239 68 68 / var(--un-text-opacity))
}

.text-sky-500\! {
    --un-text-opacity: 1 !important;
    color: rgb(14 165 233 / var(--un-text-opacity)) !important
}

.text-violet-500 {
    --un-text-opacity: 1;
    color: rgb(139 92 246 / var(--un-text-opacity))
}

.text-white, [color~=white], [text-white=""] {
    --un-text-opacity: 1;
    color: rgb(255 255 255 / var(--un-text-opacity))
}

.text-white\! {
    --un-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--un-text-opacity)) !important
}

.text-yellow-500 {
    --un-text-opacity: 1;
    color: rgb(234 179 8 / var(--un-text-opacity))
}

.hover\:text-blue-500:hover {
    --un-text-opacity: 1;
    color: rgb(59 130 246 / var(--un-text-opacity))
}

.hover\:text-green-500:hover {
    --un-text-opacity: 1;
    color: rgb(34 197 94 / var(--un-text-opacity))
}

.hover\:text-indigo-500:hover {
    --un-text-opacity: 1;
    color: rgb(99 102 241 / var(--un-text-opacity))
}

.hover\:text-sky-500:hover {
    --un-text-opacity: 1;
    color: rgb(14 165 233 / var(--un-text-opacity))
}

[text-purple-500~="disabled:"]:disabled {
    --un-text-opacity: 1;
    color: rgb(168 85 247 / var(--un-text-opacity))
}

[color~=green] {
    --un-text-opacity: 1;
    color: rgb(74 222 128 / var(--un-text-opacity))
}

[color~=light-blue] {
    --un-text-opacity: 1;
    color: rgb(56 189 248 / var(--un-text-opacity))
}

[color~=lime] {
    --un-text-opacity: 1;
    color: rgb(163 230 53 / var(--un-text-opacity))
}

[color~=orange] {
    --un-text-opacity: 1;
    color: rgb(251 146 60 / var(--un-text-opacity))
}

[color~=purple] {
    --un-text-opacity: 1;
    color: rgb(192 132 252 / var(--un-text-opacity))
}

[color~=red] {
    --un-text-opacity: 1;
    color: rgb(248 113 113 / var(--un-text-opacity))
}

[color~=teal] {
    --un-text-opacity: 1;
    color: rgb(45 212 191 / var(--un-text-opacity))
}

[color~=violet] {
    --un-text-opacity: 1;
    color: rgb(167 139 250 / var(--un-text-opacity))
}

[color~=yellow] {
    --un-text-opacity: 1;
    color: rgb(250 204 21 / var(--un-text-opacity))
}

.text-inherit\! {
    color: inherit !important
}

.font-bold, .fw-700, .fw-bold, [font-bold=""] {
    font-weight: 700
}

.font-semibold, .fw-600, .fw-semibold, [fw-600=""], [fw-semibold=""] {
    font-weight: 600
}

.fw-400, .fw-normal, [fw-normal=""] {
    font-weight: 400
}

.leading-\[1\.5\] {
    line-height: 1.5
}

.leading-7 {
    line-height: 1.75rem
}

.leading-8 {
    line-height: 2rem
}

.lh-180\% {
    line-height: 180%
}

.lh-180\%\!, [lh-180\%\!=""] {
    line-height: 180% !important
}

.lh-loose {
    line-height: 2
}

.tracking-tight {
    letter-spacing: -.025em
}

.underline {
    text-decoration-line: underline
}

.decoration-none {
    text-decoration: none
}

.tab, [tab=""] {
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

.op-60, .group:hover .group-hover\:opacity-60 {
    opacity: .6
}

.opacity-0 {
    opacity: 0
}

.before\:op-80:before {
    opacity: .8
}

.after\:op-80:after {
    opacity: .8
}

.shadow {
    --un-shadow: var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / .1));
    box-shadow: var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)
}

.shadow-\[0px_80px_50px_-32px_rgba\(107\,110\,148\,0\.04\)\] {
    --un-shadow: 0px 80px 50px -32px var(--un-shadow-color, rgba(107, 110, 148, .04));
    box-shadow: var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)
}

.backdrop-blur-2xl, [backdrop-blur-2xl=""] {
    --un-backdrop-blur: blur(40px);
    -webkit-backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);
    backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)
}

.blur {
    --un-blur: blur(8px);
    filter: var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)
}

.blur-\[50px\] {
    --un-blur: blur(50px);
    filter: var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)
}

.blur-120 {
    --un-blur: blur(120px);
    filter: var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)
}

.filter, [filter=""] {
    filter: var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)
}

.transition {
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.transition-300 {
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .3s
}

.duration-250 {
    transition-duration: .25s
}

.duration-300 {
    transition-duration: .3s
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.before\:content-\[\"\"\]:before {
    content: ""
}

.after\:content-\[\"\"\]:after {
    content: ""
}

.prose-chat {
    --un-prose-headings: inherit;
    --un-prose-links: var(--semi-color-link);
    --un-prose-borders: var(--semi-color-border);
    --un-prose-captions: var(--semi-color-text-3);
    --un-prose-font-mono: Menlo,Monaco,Consolas,Courier New,monospace;
    --un-prose-lists: var(--semi-color-text-3);
    --un-prose-hr: var(--semi-color-border);
    --un-prose-bg-soft: var(--semi-color-fill-1);
    --un-prose-code: var(--semi-color-text-1);
    --un-prose-bg-code: var(--semi-color-fill-1)
}

.shadow-card-sm {
    box-shadow: 2px 4px 16px #17171705
}

.shadow-btn, [shadow-btn=""] {
    box-shadow: 0 2px 4px #00000008
}

.shadow-xs {
    box-shadow: 0 2px 3px #00000005
}

.shadow-sm-aff {
    box-shadow: 0 0 0 1px #0000000a,0 3px 6px #00000005
}

.shadow-sm {
    box-shadow: 0 3px 6px #00000005
}

.shadow-lg {
    box-shadow: 0 20px 30px #00000005
}

.text-muted, [text-muted=""] {
    color: var(--semi-color-text-2)
}

.rd-sm, [rd-sm=""] {
    border-radius: var(--semi-border-radius-small)
}

.rd-md, [rd-md=""] {
    border-radius: var(--semi-border-radius-medium)
}

.rd-md\! {
    border-radius: var(--semi-border-radius-medium) !important
}

.rd-lg, [rd-lg=""] {
    border-radius: var(--semi-border-radius-large)
}

.rd-lg\! {
    border-radius: var(--semi-border-radius-large) !important
}

.bo-c, [bo-c=""] {
    border-color: var(--semi-color-border)
}

.bo-c\! {
    border-color: var(--semi-color-border) !important
}

.text-primary {
    color: rgb(var(--semi-color-primary))
}

.txt-0 {
    color: var(--semi-color-text-0)
}

.txt-1, [txt-1=""] {
    color: var(--semi-color-text-1)
}

.txt-1\! {
    color: var(--semi-color-text-1) !important
}

.txt-3 {
    color: var(--semi-color-text-3)
}

.txt-3\! {
    color: var(--semi-color-text-3) !important
}

.bg-fill-0 {
    background-color: var(--semi-color-fill-0)
}

.bg-0 {
    background-color: var(--semi-color-bg-0)
}

.bg-1, [bg-1=""] {
    background-color: var(--semi-color-bg-1)
}

.bg-2 {
    background-color: var(--semi-color-bg-2)
}

.bg-4, [bg-4=""] {
    background-color: var(--semi-color-bg-4)
}

.bo-1, [bo-1=""] {
    border: 1px solid var(--semi-color-border)
}

.bo-1\! {
    border: 1px solid var(--semi-color-border) !important
}

@media (max-width: 1535.9px) {
    .lt-2xl\:hidden {
        display: none
    }

    .lt-2xl\:w-full {
        width: 100%
    }

    .lt-2xl\:border-t {
        border-top-width: 1px
    }

    .lt-2xl\:pb-3 {
        padding-bottom: .75rem
    }

    .lt-2xl\:pt-3 {
        padding-top: .75rem
    }

    .lt-2xl\:bo-c {
        border-color: var(--semi-color-border)
    }
}

@media (max-width: 1023.9px) {
    .lt-lg\:mb-12 {
        margin-bottom: 3rem
    }

    .lt-lg\:mr-0\! {
        margin-right: 0 !important
    }

    .lt-lg\:hidden {
        display: none
    }

    .lt-lg\:w-full, [lt-lg\:w-full=""] {
        width: 100%
    }

    .lt-lg\:pb-0\! {
        padding-bottom: 0 !important
    }

    .lt-lg\:pr-0\! {
        padding-right: 0 !important
    }
}

@media (max-width: 767.9px) {
    .lt-md\:fixed, [lt-md\:fixed=""] {
        position: fixed
    }

    .lt-md\:bottom-0, [lt-md\:bottom-0=""] {
        bottom: 0
    }

    .lt-md\:left-0, [lt-md\:left-0=""] {
        left: 0
    }

    .lt-md\:right-0, [lt-md\:right-0=""] {
        right: 0
    }

    .lt-md\:top-0 {
        top: 0
    }

    .lt-md\:z-999, [lt-md\:z-999=""] {
        z-index: 999
    }

    .lt-md\:mx-3 {
        margin-left: .75rem;
        margin-right: .75rem
    }

    .lt-md\:mb-5 {
        margin-bottom: 1.25rem
    }

    .lt-md\:mr-2 {
        margin-right: .5rem
    }

    .lt-md\:mt-1 {
        margin-top: .25rem
    }

    .lt-md\:hidden {
        display: none
    }

    .lt-md\:hidden\! {
        display: none !important
    }

    .lt-md\:h-\[calc\(100vh-60px\)\]\! {
        height: calc(100vh - 60px) !important
    }

    .lt-md\:w-full {
        width: 100%
    }

    .lt-md\:flex {
        display: flex
    }

    .lt-md\:bg-white\/20 {
        background-color: #fff3
    }

    [lt-md\:bg-white=""] {
        --un-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--un-bg-opacity))
    }

    [theme-mode=dark] .lt-md\:dark\:bg-\[\#16161A\]\/30 {
        background-color: #16161a4d
    }

    .lt-md\:px-0\! {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .lt-md\:px-5, [lt-md\:px-5=""] {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .lt-md\:py-3, [lt-md\:py-3=""] {
        padding-top: .75rem;
        padding-bottom: .75rem
    }

    .lt-md\:pt-0 {
        padding-top: 0
    }

    .lt-md\:backdrop-blur-2xl {
        --un-backdrop-blur: blur(40px);
        -webkit-backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);
        backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)
    }
}

@media (min-width: 640px) {
    .sm\:px-9 {
        padding-left: 2.25rem;
        padding-right: 2.25rem
    }

    .sm\:py-10 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .sm\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .sm\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .sm\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }
}

@media (min-width: 768px) {
    .md\:grid-cols-2, [md\:grid-cols-2=""] {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .md\:mb-16 {
        margin-bottom: 4rem
    }

    .md\:ml-3 {
        margin-left: .75rem
    }

    .md\:mr-6 {
        margin-right: 1.5rem
    }

    .md\:mt-100px {
        margin-top: 100px
    }

    .md\:hidden {
        display: none
    }

    .md\:h-287px {
        height: 287px
    }

    .md\:max-w-120 {
        max-width: 30rem
    }

    .md\:w-2\/5 {
        width: 40%
    }

    .md\:w-3\/5 {
        width: 60%
    }

    .md\:w-50 {
        width: 12.5rem
    }

    .md\:gap-5 {
        gap: 1.25rem
    }

    .md\:gap-8 {
        gap: 2rem
    }

    .md\:gap-y-16 {
        row-gap: 4rem
    }

    .md\:border-transparent\! {
        border-color: transparent !important
    }

    .md\:bg-transparent {
        background-color: transparent
    }

    .md\:p-12 {
        padding: 3rem
    }

    .md\:p-5 {
        padding: 1.25rem
    }

    .md\:px-2 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .md\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .md\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .md\:py-16 {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .md\:pb-16 {
        padding-bottom: 4rem
    }

    .md\:pb-6 {
        padding-bottom: 1.5rem
    }

    .md\:pr-24 {
        padding-right: 6rem
    }

    .md\:pt-16 {
        padding-top: 4rem
    }

    .md\:pt-20, [md\:pt-20=""] {
        padding-top: 5rem
    }

    .md\:pt-3 {
        padding-top: .75rem
    }

    .md\:text-4xl, [md\:text-4xl=""] {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .md\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }

    .md\:rd-lg {
        border-radius: var(--semi-border-radius-large)
    }
}

@media (min-width: 500px) {
    .after\:lg\:left-30:after {
        left: 7.5rem
    }

    .after\:lg\:left-55:after {
        left: 13.75rem
    }

    .lg\:col-span-2 {
        grid-column: span 2/span 2
    }

    .lg\:col-span-4 {
        grid-column: span 4/span 4
    }

    .lg\:col-span-8 {
        grid-column: span 8/span 8
    }

    .lg\:grid-cols-12 {
        grid-template-columns: repeat(12,minmax(0,1fr))
    }

    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }

    .lg\:-mt-45px {
        margin-top: -45px
    }

    .lg\:mr-4 {
        margin-right: 1rem
    }

    .lg\:hidden, [lg\:hidden=""] {
        display: none
    }

    .lg\:w-24\! {
        width: 6rem !important
    }

    .lg\:w-25\! {
        width: 6.25rem !important
    }

    .lg\:w-30 {
        width: 7.5rem
    }

    .lg\:w-30\! {
        width: 7.5rem !important
    }

    .lg\:w-40\! {
        width: 10rem !important
    }

    .lg\:w-50 {
        width: 12.5rem
    }

    .lg\:w-50\! {
        width: 12.5rem !important
    }

    .lg\:w-500px {
        width: 500px
    }

    .lg\:w-60 {
        width: 15rem
    }

    .lg\:w-60\! {
        width: 15rem !important
    }

    .lg\:w-80\! {
        width: 20rem !important
    }

    .lg\:flex, [lg\:flex=""] {
        display: flex
    }

    .lg\:items-center, [lg\:items-center=""] {
        align-items: center
    }

    .lg\:gap-3 {
        gap: .75rem
    }

    .lg\:gap-8 {
        gap: 2rem
    }

    .lg\:px-7 {
        padding-left: 1.75rem;
        padding-right: 1.75rem
    }

    .lg\:px-8, [lg\:px-8=""] {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .lg\:py-20 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .lg\:pb-26 {
        padding-bottom: 6.5rem
    }

    .lg\:pb-30, [lg\:pb-30=""] {
        padding-bottom: 7.5rem
    }

    .lg\:pb-8 {
        padding-bottom: 2rem
    }

    .lg\:pr-0 {
        padding-right: 0
    }

    .lg\:pr-4 {
        padding-right: 1rem
    }

    .lg\:text-center {
        text-align: center
    }

    .lg\:text-xl, [lg\:text-xl=""] {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

@media (min-width: 1280px) {
    .xl\:col-span-2 {
        grid-column: span 2/span 2
    }

    .xl\:grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .xl\:grid-cols-3 {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }

    .xl\:grid-cols-5 {
        grid-template-columns: repeat(5,minmax(0,1fr))
    }

    [xl\:grid-cols-4=""] {
        grid-template-columns: repeat(4,minmax(0,1fr))
    }

    .xl\:w-420px {
        width: 420px
    }

    .xl\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .xl\:px-20 {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .xl\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .xl\:pb-10 {
        padding-bottom: 2.5rem
    }

    .xl\:pt-10 {
        padding-top: 2.5rem
    }
}

@media (min-width: 1536px) {
    .\32xl\:grid-cols-3 {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }

    .\32xl\:grid-cols-4 {
        grid-template-columns: repeat(4,minmax(0,1fr))
    }

    .\32xl\:h-210 {
        height: 52.5rem
    }

    .\32xl\:w-210 {
        width: 52.5rem
    }

    .\32xl\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .\32xl\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .\32xl\:py-12 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }
}

html {
    height: 100%;
    -webkit-font-smoothing: unset !important;
    touch-action: manipulation
}

body {
    scrollbar-width: none;
    color: var(--semi-color-text-0);
    background-color: var(--semi-color-bg-0);
    height: 100%;
    font-size: 14px;
    overflow-x: hidden;
    overflow-y: hidden;
    --semi-shadow-elevated: 0 0 1px rgba(0, 0, 0, .3), 0 4px 14px rgba(0, 0, 0, .03);
    --semi-color-link: rgba(var(--semi-brand-5), 1);
    --semi-color-link-active: rgba(var(--semi-brand-7), 1);
    --semi-color-link-hover: rgba(var(--semi-brand-6), 1);
    --semi-color-link-visited: rgba(var(--semi-brand-5), 1);
    --header-height: 60px;
    --color-scrollbar: rgba(23, 52, 82, .2);
    --semi-border-radius-large: 16px;
    --semi-border-radius-small: 6px;
    --semi-border-radius-circle: 50%;
    --semi-border-radius-medium: 10px;
    --semi-border-radius-extra-small: 4px
}

    body[theme-mode=dark] {
        --color-scrollbar: rgba(255, 255, 255, .08)
    }

*, :before, :after {
    -webkit-tap-highlight-color: transparent
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: transparent
}

::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: var(--color-scrollbar)
}

.shadow-card {
    box-shadow: #919eab33 0 0 2px,#919eab1f 0 12px 24px -4px !important
}

[theme-mode=dark] .shadow-card {
    box-shadow: #ffffff4d 0 0 1px,#0000001f 0 12px 24px -4px !important
}

.shadow-card-lg, .semi-notification-notice {
    box-shadow: #919eab3d 0 0 2px,#919eab29 -5px 10px 40px
}

[theme-mode=dark] .shadow-card-lg, [theme-mode=dark] .semi-notification-notice {
    box-shadow: #ffffff4d 0 0 1px,#0000003d -20px 20px 40px -4px
}

.shadow-card-popup {
    box-shadow: #919eab3d 0 0 2px,#919eab3d -20px 20px 40px -4px
}

@media (min-width: 768px) {
    .md\:shadow-card {
        box-shadow: #919eab33 0 0 2px,#919eab1f 0 12px 24px -4px
    }

    [theme-mode=dark] .md\:shadow-card {
        box-shadow: #ffffff4d 0 0 1px,#0000001f 0 12px 24px -4px
    }
}

.bo-c-light {
    border-color: #f7f7f8
}

[theme-mode=dark] .bo-c-light {
    border-color: #1f1f1f
}

.scroll-hide {
    overflow-y: auto
}

    .scroll-hide::-webkit-scrollbar {
        width: 0
    }

    .scroll-hide::-webkit-scrollbar-thumb {
        background: transparent
    }

    .scroll-hide::-webkit-scrollbar-track {
        background: transparent
    }

@media screen and (max-width: 767.9px) {
    .scroll-bar::-webkit-scrollbar, .big-scroll-bar::-webkit-scrollbar, ::-webkit-scrollbar, ::-webkit-scrollbar-thumb {
        display: none !important
    }
}

.scroll-bar, .big-scroll-bar {
    -webkit-overflow-scrolling: touch;
    scrollbar-color: var(--color-scrollbar) transparent
}

    .scroll-bar::-webkit-scrollbar, .big-scroll-bar::-webkit-scrollbar {
        display: none
    }

@media screen and (min-width: 768px) {
    .scroll-bar::-webkit-scrollbar, .big-scroll-bar::-webkit-scrollbar {
        display: block;
        border: unset;
        background-color: transparent
    }

    .scroll-bar::-webkit-scrollbar-thumb, .big-scroll-bar::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: transparent;
        border: 0;
        transition: all .3s ease
    }

    .scroll-bar::-webkit-scrollbar-track, .scroll-bar ::-webkit-scrollbar-track-piece, .big-scroll-bar::-webkit-scrollbar-track, .big-scroll-bar ::-webkit-scrollbar-track-piece {
        background-color: transparent
    }

    .scroll-bar {
        overflow-y: auto;
        overflow-y: overlay !important;
        scrollbar-gutter: stable both-edges
    }

        .scroll-bar::-webkit-scrollbar {
            width: 2px;
            height: 2px
        }

        .scroll-bar:hover::-webkit-scrollbar-thumb {
            background-color: var(--color-scrollbar)
        }
}

.prose {
    max-width: 100%
}

.border {
    border-color: var(--semi-color-border);
    border-style: solid
}

p {
    margin: 0 0 1em;
    line-height: 1.4285em
}

    p:last-child {
        margin-bottom: 0
    }

table p {
    margin: 0 0 .5em
}

a {
    color: var(--semi-color-link)
}

    a:hover {
        color: var(--semi-color-link-active)
    }

table th {
    white-space: nowrap
}

h1, h2, h3, h4, h5 {
    line-height: 1.28571429em;
    font-weight: 700;
    padding: 0
}

h3 {
    font-size: 18px
}

.semi-layout {
    height: 100%
}

.tableShow {
    display: revert
}

.tableHiddle {
    display: none !important
}

body::-webkit-scrollbar {
    display: none
}

code {
    font-family: source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace
}

.semi-navigation-vertical {
    height: 100%;
    overflow: hidden
}

.semi-navigation-horizontal .semi-navigation-list .semi-navigation-item {
    color: var(--semi-color-text-0);
    font-weight: 600
}

.small-icon .icon {
    font-size: 1em !important
}

.page-footer {
    font-size: 14px;
    border-top: 1px solid var(--semi-color-border)
}

    .page-footer a {
        color: var(--semi-color-text-1)
    }

        .page-footer a:hover {
            color: var(--semi-color-link-active)
        }

@media only screen and (max-width: 767.9px) {
    .hide-on-mobile, .hidden-sm {
        display: none !important
    }
}

.page-header-title {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-right: 120px !important;
    min-height: 46px
}

.page-header-extra {
    flex-grow: 1
}

    .page-header-extra form {
        row-gap: 10px
    }

    .page-header-extra .semi-form-field {
        padding-top: unset;
        padding-bottom: unset
    }

.semi-card-header-wrapper {
    align-items: center
}

.semi-card-meta-wrapper-title {
    margin-bottom: 2px
}

.semi-banner-content p:not(:only-child):not(:last-child), .semi-collapse-content p {
    margin-bottom: .5rem !important
}

.semi-collapse-item:last-child {
    padding-bottom: 0;
    border: none !important
}

.semi-banner-info.semi-banner-bordered {
    border-color: rgba(var(--semi-blue-5),.15) !important
}

.semi-navigation-vertical .semi-navigation-item-icon-info {
    color: var(--semi-color-text-1)
}

.semi-navigation-vertical .semi-navigation-item-text {
    font-weight: 500
}

.semi-navigation-vertical .semi-navigation-sub {
    border-left: 2px solid var(--semi-color-border);
    margin-left: 20px;
    padding-left: 10px
}

    .semi-navigation-vertical .semi-navigation-sub .semi-navigation-item-text {
        font-weight: 400
    }

    .semi-navigation-vertical .semi-navigation-sub .semi-navigation-item {
        display: flex;
        align-items: center
    }

    .semi-navigation-vertical .semi-navigation-sub .semi-navigation-item-icon {
        margin-right: 8px
    }

.semi-navigation-vertical .semi-navigation-sub-wrap.semi-navigation-item {
    padding: 0 !important;
    margin-bottom: 10px
}

.semi-navigation-vertical .semi-navigation-item-normal:hover:not(.semi-navigation-item-selected) .semi-navigation-item-icon:first-child {
    color: var(--semi-color-text-1)
}

    .semi-navigation-vertical .semi-navigation-item-normal:hover:not(.semi-navigation-item-selected) .semi-navigation-item-icon:first-child .semi-lottie svg path {
        stroke: var(--semi-color-text-1)
    }

.semi-navigation-vertical .semi-navigation-item-normal.semi-navigation-item, .semi-navigation-vertical .semi-navigation-sub-title {
    border-radius: 9999px
}

.semi-navigation-vertical .semi-navigation-item-normal .semi-lottie svg path {
    fill: var(--semi-color-text-1);
    stroke: var(--semi-color-text-1);
    stroke-width: .5px
}

.semi-navigation-vertical .semi-navigation-item-selected {
    border-color: #60a5fa1a !important;
    background-color: #60a5fa1a !important;
    --un-text-opacity: 1 !important;
    color: rgb(59 130 246 / var(--un-text-opacity)) !important
}

    .semi-navigation-vertical .semi-navigation-item-selected .semi-lottie svg path {
        fill: var(--semi-color-primary)
    }

    .semi-navigation-vertical .semi-navigation-item-selected:hover .semi-lottie svg path {
        stroke-width: 38px !important
    }

.semi-banner-danger.semi-banner-bordered {
    border-color: rgba(var(--semi-red-5),.15) !important
}

.semi-banner-warning.semi-banner-bordered {
    border-color: rgba(var(--semi-yellow-5),.3) !important
}

.semi-banner-success.semi-banner-bordered {
    border-color: rgba(var(--semi-green-5),.2) !important
}

.help-tabs .semi-tabs-content-left {
    padding: 12px 24px;
    overflow: hidden
}

.help-tabs .semi-tabs-content-top {
    padding-top: 20px;
    padding-bottom: 20px
}

.help-tabs img {
    width: 100%;
    max-width: 760px;
    margin: 1rem 0
}

.goods-list .goods-item .goods-item-header {
    transition: all .2s
}

.goods-list .goods-item:hover .goods-item-header {
    transform: scale(1.1)
}

.goods-list .semi-skeleton-avatar {
    flex-shrink: 0
}

.bg-gradient-success {
    background: linear-gradient(87deg,#2dce89 0,#2dcecc) !important
}

.bg-gradient-info {
    background: linear-gradient(87deg,#16d6ff 0,#5383ff) !important
}

.bg-gradient-danger {
    background: linear-gradient(87deg,#f5365c 0,#f56036) !important
}

.bg-gradient-warning {
    background: linear-gradient(87deg,#fb6340 0,#fbb140) !important
}

.bg-gradient-primary {
    background: linear-gradient(87deg,#5e72e4 0,rgba(var(--semi-purple-3),1)) !important
}

.semi-form-field-label-extra {
    font-weight: 400;
    color: var(--semi-color-text-2)
}

.semi-form-field[x-label-pos=left] .semi-form-field-label {
    display: flex;
    align-items: center
}

.semi-form-field[x-label-pos=left] .semi-input-wrapper, .semi-form-field[x-label-pos=left] .semi-select {
    --semi-color-border: transparent;
    --semi-color-bg-1: transparent
}

.api-info .semi-typography, .api-info a {
    color: unset !important
}

.semi-collapse-header {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.semi-collapse-header, .semi-tabs-pane {
    color: inherit
}

.semi-tabs-bar-line-extra {
    display: flex;
    align-items: center
}

.semi-tabs-pane h2, .semi-tabs-pane h3, .semi-tabs-pane h4, .semi-tabs-pane h5, .semi-tabs-pane h6 {
    margin-top: 1em;
    margin-bottom: 1em
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child {
    margin-top: 0
}

.semi-input-large {
    font-size: 15px
}

.semi-card-shadows {
    cursor: unset
}

.semi-popconfirm-header .semi-popconfirm-btn-close {
    display: none
}

.semi-navigation-sub-wrap .semi-navigation-sub-title, .semi-navigation-item {
    padding-top: 10px;
    padding-bottom: 10px
}

.semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab {
    margin-bottom: -1px
}

.page-dashboard .semi-tabs-bar-line.semi-tabs-bar-top {
    border-bottom: 1px solid transparent
}

.invite-card .semi-descriptions-double-medium .semi-descriptions-item {
    padding: 10px 30px 0;
    text-align: center
}

.invite-card .semi-divider-vertical {
    height: 60px
}

.semi-notification-list[placement=topRight] {
    top: 50px !important
}

.semi-notification-notice {
    background-color: var(--semi-color-bg-1) !important
}

.number-countdown {
    font-family: monospace
}

.semi-notification-notice-info {
    padding-top: 1px
}

.home-banner-notice a {
    color: var(--semi-color-text-0) !important;
    text-decoration: underline;
    font-weight: 600
}

.home-banner-notice .semi-banner-description > div > p {
    display: flex;
    align-items: center
}

    .home-banner-notice .semi-banner-description > div > p img {
        max-height: 40px;
        margin: 0 10px
    }

.home-notice {
    padding-top: 20px
}

    .home-notice .semi-notification-notice-title {
        font-size: 16px;
        padding-bottom: 16px;
        margin-bottom: 16px
    }

.topup-form .semi-form-field-label-extra {
    flex-grow: 1
}

.topup-form .semi-form-field-label {
    padding-right: 0
}

.topup-form .semi-select-content-wrapper {
    width: 100%
}

.home-timeline .semi-timeline-item-content {
    padding-left: 16px
}

.home-timeline .semi-timeline-item-content-time {
    font-size: 13px
}

.semi-table-container .semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell {
    background-image: unset;
    background-color: var(--semi-color-disabled-fill)
}

.semi-table-tbody > .semi-table-row > .semi-table-row-cell, .semi-collapse-item, .semi-table-thead > .semi-table-row > .semi-table-row-head, .semi-table-placeholder {
    border-bottom-style: dashed !important
}

.semi-table-bordered .semi-table-container {
    border-top-color: transparent !important;
    border-left-style: dashed !important
}

.semi-table-bordered .semi-table-tbody > .semi-table-row > .semi-table-row-cell, .semi-table-bordered .semi-collapse-item, .semi-table-bordered .semi-table-thead > .semi-table-row > .semi-table-row-head, .semi-table-bordered .semi-table-placeholder {
    border-right-style: dashed !important
}

.semi-spin .semi-spin-wrapper {
    color: var(--semi-color-text-1)
}

    .semi-spin .semi-spin-wrapper svg {
        display: unset
    }

.semi-form-field:not([x-label-pos=left]) .semi-input-wrapper, .semi-form-field:not([x-label-pos=left]) .semi-select, .semi-input-textarea-wrapper, .semi-button-borderless {
    box-shadow: 0 1px 2px #00000005 !important
}

.semi-select-large, .semi-input-wrapper-large {
    border-radius: 8px
}

.semi-button {
    font-weight: 500
}

    .semi-button.semi-button-with-icon-only.semi-button-size-small {
        padding-left: 8px;
        padding-right: 8px
    }

.semi-navigation-sub .semi-navigation-item {
    height: auto !important
}

.semi-datepicker-navigation .semi-icon-large {
    font-size: 14px
}

.semi-datepicker-navigation {
    column-gap: .25rem
}

.chat-tabs .semi-tabs-bar {
    padding: 0 16px
}

.chat-tabs .semi-tabs-content {
    padding: 0
}

.semi-overflow-list-scroll-wrapper {
    margin-left: 16px;
    margin-right: 16px
}

.semi-tabs-tab-single.semi-tabs-tab {
    color: var(--semi-color-text-1) !important
}

.semi-tabs-tab-single.semi-tabs-tab-active {
    color: var(--semi-color-text-0) !important
}

.model-pricing-tabs .semi-tabs-tab-single.semi-tabs-tab {
    font-weight: 600
}

.model-pricing-tabs .semi-tabs-content-top {
    display: none
}

.model-pricing-tabs .semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab:hover, .model-pricing-tabs .semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab-active, .model-pricing-tabs .semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab-active:hover {
    border-bottom-width: 3px !important
}

.semi-radio-isCardRadioGroup_content {
    width: 100%
}

    .semi-radio-isCardRadioGroup_content .semi-radio-addon {
        display: flex;
        justify-content: space-between
    }

@media (min-width: 768px) {
    .chat-tabs .semi-tabs-bar {
        padding: 0 30px
    }
}

.mj-prompts-modal .semi-modal {
    max-width: 96%
}

.semi-button-borderless.semi-modal-close, .semi-button-borderless.semi-notification-notice-icon-close, .semi-button-borderless.semi-popconfirm-btn-close, .semi-button-borderless.semi-banner-close, .semi-button-borderless.semi-sidesheet-close, .semi-toast-close-button .semi-button-borderless, .semi-datepicker-navigation button {
    border-color: transparent !important;
    box-shadow: unset
}

.semi-tag-grey-light {
    background-color: rgba(var(--semi-grey-3),.15)
}

.semi-tag-ghost .semi-tag-content {
    font-weight: 500
}

.semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-left, .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right, .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-left, .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-right {
    background-color: var(--semi-color-bg-0) !important
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px transparent inset !important
}

input:-moz-ui-invalid {
    box-shadow: none;
    color: #fff
}

.topup-page-content .semi-badge-rightTop.semi-badge-count {
    right: 2.5rem !important;
    --un-bg-opacity: 1 !important;
    background-color: rgb(34 34 34 / var(--un-bg-opacity)) !important;
    padding-left: .5rem !important;
    padding-right: .5rem !important;
    --un-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--un-text-opacity)) !important
}

[theme-mode=dark] .topup-page-content .semi-badge-rightTop.semi-badge-count {
    --un-bg-opacity: 1 !important;
    background-color: rgb(0 0 0 / var(--un-bg-opacity)) !important
}

.apexcharts-menu {
    background-color: var(--semi-color-bg-1) !important;
    border-color: var(--semi-color-border) !important
}

.apexcharts-theme-light .apexcharts-menu-item:hover {
    background-color: var(--semi-color-fill-1) !important
}

.semi-navigation-horizontal .semi-navigation-header {
    margin-right: 0
}

@media (max-width: 767.9px) {
    .topnav .semi-navigation-list-wrapper {
        max-width: calc(100vw - 160px);
        overflow-x: auto
    }

    .semi-navigation-horizontal {
        padding-left: 16px;
        padding-right: 16px
    }

    .semi-navigation-footer {
        padding-left: 0;
        padding-right: 0
    }

    .semi-table-pagination-info {
        display: none
    }
}

@media (min-width: 1024px) {
    .perspective-right {
        -webkit-transform: scale(1) perspective(1040px) rotateY(-11deg) rotateX(2deg) rotate(2deg);
        transform: scale(1) perspective(1040px) rotateY(-11deg) rotateX(2deg) rotate(2deg)
    }
}

.semi-divider {
    margin: 1px 0;
    border-bottom: 1px solid var(--semi-color-border);
    color: var(--semi-color-text-0);
    box-sizing: border-box
}

.semi-divider-dashed {
    border-bottom-style: dashed
}

.semi-divider-horizontal {
    width: 100%;
    display: flex
}

.semi-divider-vertical {
    border-bottom: 0;
    display: inline-block;
    margin: 0 1px;
    border-left: 1px solid var(--semi-color-border);
    height: 20px;
    vertical-align: middle
}

.semi-divider-with-text {
    display: flex;
    border-bottom: 0;
    white-space: nowrap;
    align-items: center
}

    .semi-divider-with-text .semi-divider_inner-text {
        font-weight: 600;
        padding: 0 8px;
        display: inline-block
    }

    .semi-divider-with-text:before, .semi-divider-with-text:after {
        content: "";
        width: 50%;
        border-bottom: 1px solid var(--semi-color-border)
    }

.semi-divider-with-text-left:before {
    width: 40px
}

.semi-divider-with-text-left:after {
    flex: 1
}

.semi-divider-with-text-right:before {
    flex: 1
}

.semi-divider-with-text-right:after {
    width: 40px
}

.semi-divider-dashed:before, .semi-divider-dashed:after {
    border-bottom: 1px dashed var(--semi-color-border)
}

.semi-divider-vertical.semi-divider-dashed {
    border-left: 1px dashed var(--semi-color-border)
}

.semi-overflow-list {
    display: flex;
    flex-wrap: nowrap;
    min-width: 0
}

.semi-overflow-list-spacer {
    flex-shrink: 1;
    width: 1px
}

.semi-overflow-list-scroll-wrapper {
    display: flex;
    flex: 1;
    flex-wrap: nowrap;
    overflow-x: scroll
}

.semi-rtl .semi-overflow-list, .semi-portal-rtl .semi-overflow-list {
    direction: rtl
}

.semi-space {
    display: inline-flex
}

.semi-space-vertical {
    flex-direction: column
}

.semi-space-horizontal {
    flex-direction: row
}

.semi-space-align-center {
    align-items: center
}

.semi-space-align-end {
    align-items: flex-end
}

.semi-space-align-start {
    align-items: flex-start
}

.semi-space-align-baseline {
    align-items: baseline
}

.semi-space-wrap {
    flex-wrap: wrap
}

.semi-space-tight-horizontal {
    column-gap: 8px
}

.semi-space-tight-vertical {
    row-gap: 8px
}

.semi-space-medium-horizontal {
    column-gap: 16px
}

.semi-space-medium-vertical {
    row-gap: 16px
}

.semi-space-loose-horizontal {
    column-gap: 24px
}

.semi-space-loose-vertical {
    row-gap: 24px
}

.semi-rtl .semi-space, .semi-portal-rtl .semi-space {
    direction: rtl
}

@keyframes semi-input-active {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(.97)
    }
}

@keyframes semi-input-inactive {
    0% {
        transform: scale(.97)
    }

    to {
        transform: scale(1)
    }
}

.semi-input {
    transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none),border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
    transform: scale(var(--semi-transform_scale-none))
}

.semi-input-wrapper {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    box-shadow: none;
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    background-color: var(--semi-color-bg-1);
    border: 1px var(--semi-color-border) solid;
    border-radius: var(--semi-border-radius-small);
    width: 100%;
    outline: none;
    cursor: text;
    box-sizing: border-box;
    color: var(--semi-color-text-0);
    transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none),border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
    transform: scale(var(--semi-transform_scale-none))
}

.semi-input-wrapper-default {
    height: 36px;
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    line-height: 36px
}

.semi-input-wrapper-small {
    height: 30px;
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    line-height: 30px
}

.semi-input-wrapper-large {
    height: 40px;
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 22px;
    line-height: 38px
}

.semi-input-wrapper:hover {
    background-color: var(--semi-color-bg-0);
    border-color: var(--semi-color-border)
}

.semi-input-wrapper-focus {
    background-color: var(--semi-color-bg-0);
    border: var(--semi-color-focus-border) solid 1px
}

    .semi-input-wrapper-focus:hover, .semi-input-wrapper-focus:active {
        background-color: var(--semi-color-bg-0);
        border-color: var(--semi-color-focus-border)
    }

.semi-input-wrapper.semi-input-readonly {
    cursor: default
}

.semi-input-wrapper-error {
    background-color: var(--semi-color-danger-light-default);
    border-color: var(--semi-color-danger-light-default)
}

    .semi-input-wrapper-error:hover {
        background-color: var(--semi-color-danger-light-hover);
        border-color: var(--semi-color-danger-light-hover)
    }

    .semi-input-wrapper-error.semi-input-wrapper-focus {
        background-color: var(--semi-color-danger-light-default);
        border-color: var(--semi-color-danger)
    }

    .semi-input-wrapper-error:active {
        background-color: var(--semi-color-danger-light-active);
        border-color: var(--semi-color-danger)
    }

.semi-input-wrapper-warning {
    background-color: var(--semi-color-warning-light-default);
    border-color: var(--semi-color-warning-light-default)
}

    .semi-input-wrapper-warning:hover {
        background-color: var(--semi-color-warning-light-hover);
        border-color: var(--semi-color-warning-light-hover)
    }

    .semi-input-wrapper-warning.semi-input-wrapper-focus {
        background-color: var(--semi-color-warning-light-default);
        border-color: var(--semi-color-warning)
    }

    .semi-input-wrapper-warning:active {
        background-color: var(--semi-color-warning-light-active);
        border-color: var(--semi-color-warning)
    }

.semi-input-wrapper__with-prefix {
    display: inline-flex;
    align-items: center
}

    .semi-input-wrapper__with-prefix .semi-input {
        padding-left: 0
    }

.semi-input-wrapper__with-suffix {
    display: inline-flex;
    align-items: center
}

    .semi-input-wrapper__with-suffix .semi-input {
        padding-right: 0
    }

.semi-input-wrapper-clearable, .semi-input-wrapper-modebtn {
    display: inline-flex;
    align-items: center
}

.semi-input-wrapper-hidden {
    border: none
}

.semi-input-wrapper .semi-icon {
    color: var(--semi-color-text-2)
}

.semi-input-wrapper .semi-input-clearbtn, .semi-input-wrapper .semi-input-modebtn {
    color: var(--semi-color-primary-hover)
}

    .semi-input-wrapper .semi-input-clearbtn > svg, .semi-input-wrapper .semi-input-modebtn > svg {
        pointer-events: none
    }

    .semi-input-wrapper .semi-input-clearbtn:hover, .semi-input-wrapper .semi-input-modebtn:hover {
        cursor: pointer
    }

        .semi-input-wrapper .semi-input-clearbtn:hover .semi-icon, .semi-input-wrapper .semi-input-modebtn:hover .semi-icon {
            color: var(--semi-color-primary-hover)
        }

    .semi-input-wrapper .semi-input-clearbtn:focus-visible, .semi-input-wrapper .semi-input-modebtn:focus-visible {
        border-radius: var(--semi-border-radius-small);
        outline: 2px solid var(--semi-color-primary-light-active);
        outline-offset: -1px
    }

.semi-input-wrapper__with-suffix-icon.semi-input-wrapper-clearable:not(.semi-input-wrapper__with-suffix-hidden) .semi-input-clearbtn {
    min-width: 24px;
    justify-content: flex-end
}

.semi-input-wrapper-modebtn.semi-input-wrapper-clearable .semi-input-clearbtn {
    min-width: 16px;
    justify-content: center
}

.semi-input-wrapper.semi-input-wrapper__with-append-only .semi-input {
    border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0
}

    .semi-input-wrapper.semi-input-wrapper__with-append-only .semi-input:not(:last-child) {
        border-right-style: none;
        border-radius: 0
    }

.semi-input-wrapper.semi-input-wrapper__with-prepend-only .semi-input {
    border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small)
}

    .semi-input-wrapper.semi-input-wrapper__with-prepend-only .semi-input:not(:last-child) {
        border-right-style: none
    }

.semi-input-wrapper.semi-input-wrapper__with-prepend, .semi-input-wrapper.semi-input-wrapper__with-append {
    display: inline-flex;
    align-items: center;
    background-color: transparent
}

    .semi-input-wrapper.semi-input-wrapper__with-prepend:hover, .semi-input-wrapper.semi-input-wrapper__with-append:hover {
        background-color: transparent
    }

    .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-focus, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-focus {
        border: 1px var(--semi-color-border) solid;
        background-color: transparent
    }

    .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input {
        background-color: var(--semi-color-bg-1);
        border: 1px transparent solid
    }

        .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:hover, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:hover {
            background-color: var(--semi-color-bg-0)
        }

            .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:hover + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:hover ~ .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:hover + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:hover ~ .semi-input-modebtn {
                background-color: var(--semi-color-bg-0)
            }

        .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus {
            border: 1px var(--semi-color-focus-border) solid;
            background-color: var(--semi-color-bg-0)
        }

            .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus.semi-input-sibling-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus.semi-input-sibling-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus.semi-input-sibling-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus.semi-input-sibling-modebtn {
                border-right-style: none
            }

                .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus.semi-input-sibling-modebtn + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus.semi-input-sibling-modebtn + .semi-input-clearbtn {
                    border-right-style: none
                }

            .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus ~ .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus ~ .semi-input-modebtn {
                box-sizing: border-box;
                background-color: var(--semi-color-bg-0)
            }

            .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus + .semi-input-clearbtn {
                border: 1px var(--semi-color-focus-border) solid;
                border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
                border-left-style: none
            }

                .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus + .semi-input-clearbtn:not(:last-child), .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus + .semi-input-clearbtn:not(:last-child) {
                    border-radius: 0
                }

            .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus ~ .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus ~ .semi-input-modebtn {
                border: 1px var(--semi-color-focus-border) solid;
                border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
                border-left-style: none
            }

                .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus ~ .semi-input-modebtn:not(:last-child), .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus ~ .semi-input-modebtn:not(:last-child) {
                    border-radius: 0
                }

        .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:active, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:active {
            background-color: var(--semi-color-bg-0)
        }

            .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:active + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:active ~ .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:active + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:active ~ .semi-input-modebtn {
                background-color: var(--semi-color-bg-0)
            }

    .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn:hover, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn:hover, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn:hover, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn:hover {
        background-color: var(--semi-color-bg-1)
    }

        .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn:hover:last-child {
            border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0
        }

    .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error {
        border-color: transparent
    }

        .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input {
            background-color: var(--semi-color-danger-light-default);
            border-color: var(--semi-color-danger-light-default)
        }

            .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:hover, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:hover {
                background-color: var(--semi-color-danger-light-hover);
                border-color: var(--semi-color-danger-light-hover)
            }

                .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:hover + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:hover + .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:hover + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:hover + .semi-input-modebtn {
                    background-color: var(--semi-color-danger-light-hover)
                }

            .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:focus, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:focus {
                background-color: var(--semi-color-danger-light-default);
                border-color: var(--semi-color-danger)
            }

                .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:focus + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:focus + .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:focus + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:focus + .semi-input-modebtn {
                    background-color: var(--semi-color-danger-light-default);
                    border-color: var(--semi-color-danger)
                }

            .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:active, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:active {
                background-color: var(--semi-color-danger-light-active)
            }

                .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:active + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:active + .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:active + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:active + .semi-input-modebtn {
                    background-color: var(--semi-color-danger-light-active);
                    border-color: var(--semi-color-danger)
                }

        .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-clearbtn:hover, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-modebtn:hover, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-clearbtn:hover, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-modebtn:hover {
            background-color: var(--semi-color-danger-light-default)
        }

            .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-clearbtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-modebtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-clearbtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-modebtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-clearbtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-modebtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-clearbtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-modebtn:hover:last-child {
                border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0
            }

    .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning {
        border-color: transparent
    }

        .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input {
            background-color: var(--semi-color-warning-light-default);
            border-color: var(--semi-color-warning-light-default)
        }

            .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:hover, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:hover {
                background-color: var(--semi-color-warning-light-hover);
                border-color: var(--semi-color-warning-light-hover)
            }

                .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:hover + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:hover + .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:hover + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:hover + .semi-input-modebtn {
                    background-color: var(--semi-color-warning-light-hover)
                }

            .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:focus, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:focus {
                background-color: var(--semi-color-warning-light-default);
                border-color: var(--semi-color-warning)
            }

                .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:focus + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:focus + .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:focus + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:focus + .semi-input-modebtn {
                    background-color: var(--semi-color-warning-light-default);
                    border-color: var(--semi-color-warning)
                }

            .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:active, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:active {
                background-color: var(--semi-color-warning-light-active)
            }

                .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:active + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:active + .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:active + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:active + .semi-input-modebtn {
                    background-color: var(--semi-color-warning-light-active);
                    border-color: var(--semi-color-warning)
                }

        .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-clearbtn:hover, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-modebtn:hover, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-clearbtn:hover, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-modebtn:hover {
            background-color: var(--semi-color-warning-light-default)
        }

            .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-clearbtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-modebtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-clearbtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-modebtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-clearbtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-modebtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-clearbtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-modebtn:hover:last-child {
                border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0
            }

.semi-input-wrapper-disabled {
    cursor: not-allowed;
    color: var(--semi-color-disabled-text);
    background-color: var(--semi-color-disabled-fill);
    -webkit-text-fill-color: var(--semi-color-disabled-text)
}

    .semi-input-wrapper-disabled:hover {
        background-color: var(--semi-color-disabled-fill)
    }

    .semi-input-wrapper-disabled .semi-input-append, .semi-input-wrapper-disabled .semi-input-prepend, .semi-input-wrapper-disabled .semi-input-suffix, .semi-input-wrapper-disabled .semi-input-prefix, .semi-input-wrapper-disabled .semi-icon {
        color: var(--semi-color-disabled-text)
    }

.semi-input {
    border: none;
    outline: none;
    width: 100%;
    color: inherit;
    padding-left: 12px;
    padding-right: 12px;
    background-color: transparent;
    box-sizing: border-box
}

    .semi-input[type=password]::-ms-reveal, .semi-input[type=password]::-ms-clear {
        display: none
    }

    .semi-input[type=search]::-webkit-search-cancel-button {
        display: none
    }

    .semi-input::placeholder {
        color: var(--semi-color-text-2)
    }

.semi-input-large {
    height: 38px;
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 22px;
    line-height: 38px
}

.semi-input-small {
    height: 30px;
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    line-height: 30px
}

.semi-input-default {
    height: 36px;
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    line-height: 36px
}

.semi-input-disabled {
    cursor: not-allowed;
    color: inherit
}

.semi-input-inset-label {
    margin-right: 12px;
    font-weight: 600;
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    color: var(--semi-color-text-2);
    flex-shrink: 0;
    white-space: nowrap
}

.semi-input-prefix, .semi-input-suffix {
    display: flex;
    justify-content: center;
    align-items: center
}

.semi-input-prefix-text, .semi-input-suffix-text {
    margin: 0 12px;
    color: var(--semi-color-text-2);
    font-weight: 600;
    white-space: nowrap
}

.semi-input-prefix-icon, .semi-input-suffix-icon {
    color: var(--semi-color-text-2);
    margin: 0 8px
}

.semi-input-suffix {
    display: flex;
    justify-content: center;
    align-items: center
}

.semi-input-clearbtn, .semi-input-modebtn {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
    min-width: 32px
}

    .semi-input-clearbtn + .semi-input-suffix + .semi-input-suffix-text {
        margin-left: 0
    }

    .semi-input-clearbtn + .semi-input-suffix + .semi-input-suffix-icon {
        margin-left: 0
    }

.semi-input-suffix-hidden {
    display: none
}

.semi-input-prepend, .semi-input-append {
    height: 100%;
    display: flex;
    align-items: center;
    background-color: var(--semi-color-bg-1);
    color: var(--semi-color-text-2);
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    flex-shrink: 0
}

.semi-input-prepend-icon, .semi-input-prepend-text, .semi-input-append-icon, .semi-input-append-text {
    padding: 0 12px
}

.semi-input-append {
    border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
    border-left: 1px var(--semi-color-border) solid
}

.semi-input-prepend {
    border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small);
    border-right: 1px var(--semi-color-border) solid
}

.semi-input-disabled::placeholder {
    color: var(--semi-color-disabled-text)
}

.semi-input-group {
    display: inline-flex;
    align-items: center;
    align-content: center;
    flex-wrap: wrap
}

    .semi-input-group .semi-select, .semi-input-group .semi-tagInput, .semi-input-group .semi-cascader, .semi-input-group .semi-tree-select, .semi-input-group > .semi-input-wrapper {
        border-radius: 0
    }

        .semi-input-group .semi-select:first-child, .semi-input-group .semi-tagInput:first-child, .semi-input-group .semi-cascader:first-child, .semi-input-group .semi-tree-select:first-child, .semi-input-group > .semi-input-wrapper:first-child {
            border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small)
        }

        .semi-input-group .semi-select:last-child, .semi-input-group .semi-tagInput:last-child, .semi-input-group .semi-cascader:last-child, .semi-input-group .semi-tree-select:last-child, .semi-input-group > .semi-input-wrapper:last-child {
            border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0
        }

        .semi-input-group .semi-select:not(:last-child), .semi-input-group .semi-tagInput:not(:last-child), .semi-input-group .semi-cascader:not(:last-child), .semi-input-group .semi-tree-select:not(:last-child), .semi-input-group > .semi-input-wrapper:not(:last-child) {
            position: relative
        }

            .semi-input-group .semi-select:not(:last-child):after, .semi-input-group .semi-tagInput:not(:last-child):after, .semi-input-group .semi-cascader:not(:last-child):after, .semi-input-group .semi-tree-select:not(:last-child):after, .semi-input-group > .semi-input-wrapper:not(:last-child):after {
                content: "";
                background-color: var(--semi-color-border);
                width: 1px;
                position: absolute;
                right: -1px;
                top: 1px;
                bottom: 1px
            }

    .semi-input-group .semi-select {
        overflow-y: visible
    }

    .semi-input-group .semi-input-number .semi-input-wrapper, .semi-input-group .semi-input-number .semi-datepicker-range-input, .semi-input-group .semi-datepicker .semi-input-wrapper, .semi-input-group .semi-datepicker .semi-datepicker-range-input, .semi-input-group .semi-timepicker .semi-input-wrapper, .semi-input-group .semi-timepicker .semi-datepicker-range-input, .semi-input-group .semi-autocomplete .semi-input-wrapper, .semi-input-group .semi-autocomplete .semi-datepicker-range-input {
        border-radius: 0
    }

    .semi-input-group .semi-input-number:first-child .semi-input-wrapper, .semi-input-group .semi-input-number:first-child .semi-datepicker-range-input, .semi-input-group .semi-datepicker:first-child .semi-input-wrapper, .semi-input-group .semi-datepicker:first-child .semi-datepicker-range-input, .semi-input-group .semi-timepicker:first-child .semi-input-wrapper, .semi-input-group .semi-timepicker:first-child .semi-datepicker-range-input, .semi-input-group .semi-autocomplete:first-child .semi-input-wrapper, .semi-input-group .semi-autocomplete:first-child .semi-datepicker-range-input {
        border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small)
    }

    .semi-input-group .semi-input-number:last-child .semi-input-wrapper, .semi-input-group .semi-input-number:last-child .semi-datepicker-range-input, .semi-input-group .semi-datepicker:last-child .semi-input-wrapper, .semi-input-group .semi-datepicker:last-child .semi-datepicker-range-input, .semi-input-group .semi-timepicker:last-child .semi-input-wrapper, .semi-input-group .semi-timepicker:last-child .semi-datepicker-range-input, .semi-input-group .semi-autocomplete:last-child .semi-input-wrapper, .semi-input-group .semi-autocomplete:last-child .semi-datepicker-range-input {
        border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0
    }

    .semi-input-group .semi-input-number:not(:last-child), .semi-input-group .semi-datepicker:not(:last-child), .semi-input-group .semi-timepicker:not(:last-child), .semi-input-group .semi-autocomplete:not(:last-child) {
        position: relative
    }

        .semi-input-group .semi-input-number:not(:last-child):after, .semi-input-group .semi-datepicker:not(:last-child):after, .semi-input-group .semi-timepicker:not(:last-child):after, .semi-input-group .semi-autocomplete:not(:last-child):after {
            content: "";
            background-color: var(--semi-color-border);
            width: 1px;
            position: absolute;
            right: -1px;
            top: 1px;
            bottom: 1px
        }

.semi-input-group-wrapper-with-top-label {
    margin-top: 16px;
    margin-bottom: 16px
}

    .semi-input-group-wrapper-with-top-label .semi-input-group {
        display: flex
    }

        .semi-input-group-wrapper-with-top-label .semi-input-group .semi-form-field {
            margin-top: 0;
            margin-bottom: 0
        }

.semi-input-only_border, .semi-input-only_border:hover {
    background: transparent;
    border-color: var(--semi-color-border)
}

    .semi-input-only_border:focus-within {
        background: transparent
    }

.semi-input-borderless:not(:focus-within):not(:hover) {
    background-color: transparent;
    border-color: transparent
}

.semi-input-borderless:focus-within:not(:active) {
    background-color: transparent
}

.semi-input-borderless.semi-input-wrapper-error:not(:focus-within) {
    border-color: var(--semi-color-danger)
}

.semi-input-borderless.semi-input-wrapper-warning:not(:focus-within) {
    border-color: var(--semi-color-warning)
}

.semi-autocomplete-option {
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    word-break: break-all;
    padding: 8px 12px;
    color: var(--semi-color-text-0);
    border-radius: 0;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    cursor: pointer;
    box-sizing: border-box;
    transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none)
}

.semi-autocomplete-option-icon {
    width: 12px;
    color: transparent;
    visibility: hidden;
    margin-right: 8px;
    display: flex;
    justify-content: center;
    align-content: center
}

.semi-autocomplete-option-text {
    display: flex;
    flex-wrap: wrap;
    white-space: pre
}

.semi-autocomplete-option-keyword {
    color: var(--semi-color-primary);
    background-color: inherit;
    font-weight: 600
}

.semi-autocomplete-option:active {
    background-color: var(--semi-color-fill-1)
}

.semi-autocomplete-option-empty {
    cursor: not-allowed;
    color: var(--semi-color-disabled-text);
    justify-content: center
}

    .semi-autocomplete-option-empty:hover, .semi-autocomplete-option-empty:active {
        background-color: inherit
    }

.semi-autocomplete-option-disabled {
    color: var(--semi-color-disabled-text);
    cursor: not-allowed
}

    .semi-autocomplete-option-disabled:hover {
        background-color: var(--semi-color-fill-0)
    }

.semi-autocomplete-option-selected {
    font-weight: 600
}

    .semi-autocomplete-option-selected .semi-autocomplete-option-icon {
        visibility: visible;
        color: var(--semi-color-text-2)
    }

.semi-autocomplete-option-focused {
    background-color: var(--semi-color-fill-0)
}

.semi-autocomplete-option:first-of-type {
    margin-top: 4px
}

.semi-autocomplete-option:last-of-type {
    margin-bottom: 4px
}

.semi-autocomplete {
    cursor: text;
    display: inline-flex;
    vertical-align: middle;
    box-sizing: border-box
}

.semi-autocomplete-option-list {
    overflow-x: hidden;
    overflow-y: auto
}

.semi-autocomplete-option-list-chosen .semi-autocomplete-option-icon {
    display: flex
}

.semi-autocomplete-loading-wrapper {
    padding-top: 8px;
    padding-bottom: 8px;
    cursor: not-allowed;
    height: 20px
}

    .semi-autocomplete-loading-wrapper .semi-spin {
        width: 100%
    }

.semi-rtl .semi-autocomplete, .semi-portal-rtl .semi-autocomplete {
    direction: rtl
}

.semi-cascader {
    box-sizing: border-box;
    border-radius: var(--semi-border-radius-small);
    border: 1px solid transparent;
    min-width: 80px;
    min-height: 36px;
    height: auto;
    line-height: 36px;
    font-weight: 400;
    background-color: var(--semi-color-fill-0);
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    position: relative;
    cursor: pointer
}

    .semi-cascader:hover {
        background-color: var(--semi-color-fill-1);
        border: 1px transparent solid
    }

    .semi-cascader:focus:not(.semi-cascader-disabled) {
        border: 1px solid var(--semi-color-focus-border);
        background-color: var(--semi-color-fill-0);
        outline: 0
    }

    .semi-cascader:active {
        background-color: var(--semi-color-fill-2)
    }

.semi-cascader-small {
    min-height: 24px;
    line-height: 24px
}

.semi-cascader-large {
    min-height: 40px;
    line-height: 40px
}

    .semi-cascader-large .semi-cascader-selection {
        font-size: 14px;
        font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
        line-height: 22px
    }

.semi-cascader-focus {
    border: 1px solid var(--semi-color-focus-border);
    outline: 0
}

    .semi-cascader-focus:hover {
        background-color: var(--semi-color-fill-0);
        border: 1px solid var(--semi-color-focus-border)
    }

    .semi-cascader-focus:active {
        background-color: var(--semi-color-fill-2)
    }

.semi-cascader-warning {
    background-color: var(--semi-color-warning-light-default);
    border-color: var(--semi-color-warning-light-default)
}

    .semi-cascader-warning:hover {
        background-color: var(--semi-color-warning-light-hover);
        border-color: var(--semi-color-warning-light-hover)
    }

    .semi-cascader-warning.semi-cascader-focus {
        background-color: var(--semi-color-warning-light-default);
        border-color: var(--semi-color-warning)
    }

    .semi-cascader-warning:active {
        background-color: var(--semi-color-warning-light-active);
        border-color: var(--semi-color-warning-light-active)
    }

.semi-cascader-error {
    background-color: var(--semi-color-danger-light-default);
    border-color: var(--semi-color-danger-light-default)
}

    .semi-cascader-error:hover {
        background-color: var(--semi-color-danger-light-hover);
        border-color: var(--semi-color-danger-light-hover)
    }

    .semi-cascader-error.semi-cascader-focus {
        background-color: var(--semi-color-danger-light-default);
        border-color: var(--semi-color-danger)
    }

    .semi-cascader-error:active {
        background-color: var(--semi-color-danger-light-active);
        border-color: var(--semi-color-danger-light-active)
    }

.semi-cascader-selection {
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    height: 100%;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    flex-grow: 1;
    overflow: hidden;
    padding-left: 12px;
    padding-right: 12px;
    cursor: pointer;
    color: var(--semi-color-text-0)
}

.semi-cascader-selection-multiple {
    padding-left: 4px;
    padding-right: 4px
}

.semi-cascader-selection-placeholder {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--semi-color-text-2)
}

.semi-cascader-selection-tag {
    margin: 1px 2px 1px 0
}

    .semi-cascader-selection-tag:first-child {
        margin-left: 0
    }

.semi-cascader-selection-tag-disabled.semi-tag {
    color: var(--semi-color-disabled-text);
    background-color: transparent;
    cursor: not-allowed
}

    .semi-cascader-selection-tag-disabled.semi-tag .semi-tag-close {
        color: var(--semi-color-disabled-text);
        cursor: not-allowed;
        pointer-events: none
    }

.semi-cascader-selection-n {
    cursor: pointer;
    font-size: 12px;
    margin-right: 4px;
    color: var(--semi-color-text-0);
    padding-left: 8px;
    padding-right: 8px
}

.semi-cascader-selection-n-disabled {
    cursor: not-allowed;
    color: var(--semi-color-disabled-text)
}

.semi-cascader-selection span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.semi-cascader-selection .semi-cascader-tagInput-wrapper {
    border: hidden;
    background: transparent;
    margin-left: -4px
}

.semi-cascader-selection .semi-tagInput {
    min-height: 30px
}

.semi-cascader-selection .semi-tagInput-small {
    min-height: 22px
}

.semi-cascader-selection .semi-tagInput-large {
    min-height: 38px
}

.semi-cascader-selection .semi-tagInput .semi-input-wrapper {
    margin-left: 4px
}

    .semi-cascader-selection .semi-tagInput .semi-input-wrapper .semi-input {
        padding-left: 0
    }

.semi-cascader-selection .semi-tagInput .semi-input-wrapper-default, .semi-cascader-selection .semi-tagInput .semi-input-wrapper-large {
    margin-top: 1px;
    margin-bottom: 1px
}

.semi-cascader-selection-text-inactive {
    color: var(--semi-color-text-2)
}

.semi-cascader-selection-text-hide {
    display: none
}

.semi-cascader-arrow, .semi-cascader-clearbtn {
    display: inline-flex;
    align-items: center;
    height: 100%;
    justify-content: center;
    width: 32px;
    color: var(--semi-color-text-2)
}

    .semi-cascader-clearbtn:hover {
        color: var(--semi-color-primary-hover)
    }

    .semi-cascader-clearbtn:active {
        color: var(--semi-color-primary-active)
    }

.semi-cascader-prefix, .semi-cascader-suffix {
    display: inline;
    display: flex;
    justify-content: center;
    align-items: center
}

.semi-cascader-prefix-text, .semi-cascader-suffix-text {
    margin: 0 12px
}

.semi-cascader-prefix-icon, .semi-cascader-suffix-icon {
    color: var(--semi-color-text-2);
    margin: 0 8px
}

.semi-cascader-inset-label {
    display: inline;
    margin-right: 12px;
    font-weight: 600;
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    color: var(--semi-color-text-2);
    flex-shrink: 0;
    white-space: nowrap
}

.semi-cascader.semi-cascader-with-prefix {
    display: inline-flex;
    align-items: center
}

    .semi-cascader.semi-cascader-with-prefix .semi-cascader-selection {
        padding-left: 0
    }

.semi-cascader.semi-cascader-with-suffix .semi-cascader-selection {
    padding-right: 0
}

.semi-cascader-disabled {
    cursor: not-allowed;
    -webkit-user-select: none;
    user-select: none;
    background-color: var(--semi-color-disabled-fill)
}

    .semi-cascader-disabled .semi-cascader-selection {
        cursor: not-allowed
    }

    .semi-cascader-disabled:hover {
        background-color: var(--semi-color-disabled-fill)
    }

    .semi-cascader-disabled .semi-cascader-selection, .semi-cascader-disabled .semi-cascader-selection-placeholder, .semi-cascader-disabled .semi-cascader-prefix, .semi-cascader-disabled .semi-cascader-suffix {
        color: var(--semi-color-disabled-text);
        cursor: not-allowed
    }

    .semi-cascader-disabled .semi-cascader-arrow {
        color: var(--semi-color-disabled-text)
    }

.semi-cascader-popover .semi-cascader-search-wrapper {
    padding: 8px 12px;
    border-bottom: 1px solid var(--semi-color-fill-0)
}

.semi-cascader-popover .semi-cascader-option-empty {
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    border-radius: var(--semi-border-radius-medium);
    min-width: 150px;
    color: var(--semi-color-disabled-text);
    margin: 0;
    padding: 8px 12px;
    -webkit-user-select: none;
    user-select: none;
    text-align: center;
    cursor: not-allowed
}

.semi-cascader-single.semi-cascader-filterable {
    display: inline-flex
}

    .semi-cascader-single.semi-cascader-filterable .semi-cascader-selection .semi-cascader-search-wrapper {
        width: 100%;
        height: 30px;
        display: flex;
        align-items: center;
        position: relative
    }

    .semi-cascader-single.semi-cascader-filterable .semi-cascader-selection .semi-cascader-search-wrapper-small {
        height: 22px
    }

    .semi-cascader-single.semi-cascader-filterable .semi-cascader-selection .semi-cascader-search-wrapper-large {
        height: 38px
    }

    .semi-cascader-single.semi-cascader-filterable .semi-cascader-selection .semi-cascader-search-wrapper .semi-input-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        border: none;
        background-color: transparent
    }

    .semi-cascader-single.semi-cascader-filterable .semi-cascader-selection .semi-cascader-search-wrapper .semi-input-wrapper-focus {
        border: none
    }

    .semi-cascader-single.semi-cascader-filterable .semi-cascader-selection .semi-cascader-search-wrapper .semi-input {
        padding-left: 0;
        padding-right: 0
    }

.semi-cascader-option-lists {
    display: flex;
    overflow: hidden;
    padding: 0;
    margin: 0;
    height: 180px
}

.semi-cascader-option-lists-empty {
    height: auto
}

.semi-cascader-option-lists ul, .semi-cascader-option-lists li {
    list-style-type: none;
    padding: 0;
    margin: 0
}

    .semi-cascader-option-lists ul > li {
        padding: 8px 16px 8px 12px
    }

.semi-cascader-option-lists .semi-cascader-option-list {
    box-sizing: border-box;
    display: inline-block;
    min-width: 150px;
    height: 100%;
    margin: 0;
    padding: 4px 0;
    overflow: auto;
    list-style: none;
    border-left: 1px solid var(--semi-color-fill-0)
}

    .semi-cascader-option-lists .semi-cascader-option-list:first-child {
        border-left: none
    }

.semi-cascader-option-lists .semi-cascader-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    min-width: min-content;
    word-break: break-all;
    color: var(--semi-color-text-0);
    position: relative
}

    .semi-cascader-option-lists .semi-cascader-option:hover {
        background-color: var(--semi-color-fill-0)
    }

    .semi-cascader-option-lists .semi-cascader-option:active {
        background-color: var(--semi-color-fill-1)
    }

.semi-cascader-option-lists .semi-cascader-option-icon {
    display: inline-flex;
    flex-shrink: 0;
    width: 16px;
    color: var(--semi-color-text-2)
}

.semi-cascader-option-lists .semi-cascader-option-icon-active, .semi-cascader-option-lists .semi-cascader-option-icon-empty {
    margin-right: 8px
}

.semi-cascader-option-lists .semi-cascader-option-icon-left {
    margin-left: 8px
}

.semi-cascader-option-lists .semi-cascader-option-spin-icon {
    width: 16px;
    height: 16px;
    line-height: 0
}

    .semi-cascader-option-lists .semi-cascader-option-spin-icon svg {
        width: 16px;
        height: 16px
    }

.semi-cascader-option-lists .semi-cascader-option-label {
    display: flex;
    align-items: center;
    white-space: pre
}

.semi-cascader-option-lists .semi-cascader-option-label-checkbox {
    margin-right: 8px
}

.semi-cascader-option-lists .semi-cascader-option-hidden {
    display: none
}

.semi-cascader-option-lists .semi-cascader-option-active, .semi-cascader-option-lists .semi-cascader-option-active:hover {
    background-color: var(--semi-color-primary-light-default)
}

.semi-cascader-option-lists .semi-cascader-option-select, .semi-cascader-option-lists .semi-cascader-option-label-highlight {
    font-weight: 600;
    color: var(--semi-color-primary)
}

.semi-cascader-option-lists .semi-cascader-option-disabled {
    cursor: not-allowed
}

    .semi-cascader-option-lists .semi-cascader-option-disabled:hover, .semi-cascader-option-lists .semi-cascader-option-disabled:active {
        background-color: transparent
    }

    .semi-cascader-option-lists .semi-cascader-option-disabled .semi-cascader-option-label {
        color: var(--semi-color-disabled-text)
    }

.semi-cascader-option-lists .semi-cascader-option-flatten {
    padding-right: 64px
}

.semi-cascader-borderless:not(:focus-within):not(:hover) {
    background-color: transparent;
    border-color: transparent
}

    .semi-cascader-borderless:not(:focus-within):not(:hover) .semi-cascader-arrow {
        opacity: 0
    }

.semi-cascader-borderless:focus-within:not(:active) {
    background-color: transparent
}

.semi-cascader-borderless.semi-cascader-error:not(:focus-within) {
    border-color: var(--semi-color-danger)
}

.semi-cascader-borderless.semi-cascader-warning:not(:focus-within) {
    border-color: var(--semi-color-warning)
}

.semi-cascader-borderless.semi-cascader-error:focus-within {
    border-color: var(--semi-color-danger)
}

.semi-cascader-borderless.semi-cascader-warning:focus-within {
    border-color: var(--semi-color-warning)
}

.semi-rtl .semi-cascader, .semi-portal-rtl .semi-cascader {
    direction: rtl
}

.semi-rtl .semi-cascader-inset-label, .semi-portal-rtl .semi-cascader-inset-label {
    margin-right: 12px;
    margin-left: 12px
}

.semi-rtl .semi-cascader.semi-cascader-with-prefix .semi-cascader-selection, .semi-portal-rtl .semi-cascader.semi-cascader-with-prefix .semi-cascader-selection {
    padding-left: auto;
    padding-right: 0
}

.semi-rtl .semi-cascader.semi-cascader-with-suffix .semi-cascader-selection, .semi-portal-rtl .semi-cascader.semi-cascader-with-suffix .semi-cascader-selection {
    padding-right: auto;
    padding-left: 0
}

.semi-rtl .semi-cascader-selection-multiple, .semi-portal-rtl .semi-cascader-selection-multiple {
    padding-right: 4px;
    padding-left: 4px
}

.semi-rtl .semi-cascader-selection-tag:first-child, .semi-portal-rtl .semi-cascader-selection-tag:first-child {
    margin-right: 0
}

.semi-rtl .semi-cascader-selection-n, .semi-portal-rtl .semi-cascader-selection-n {
    margin-right: 0;
    margin-left: 4px
}

.semi-rtl .semi-cascader-selection .semi-cascader-tagInput-wrapper, .semi-portal-rtl .semi-cascader-selection .semi-cascader-tagInput-wrapper {
    margin-left: 0;
    margin-right: -4px
}

.semi-rtl .semi-cascader-selection .semi-tagInput .semi-input-wrapper, .semi-portal-rtl .semi-cascader-selection .semi-tagInput .semi-input-wrapper {
    margin-left: 0;
    margin-right: 4px
}

    .semi-rtl .semi-cascader-selection .semi-tagInput .semi-input-wrapper .semi-input, .semi-portal-rtl .semi-cascader-selection .semi-tagInput .semi-input-wrapper .semi-input {
        padding-right: 0
    }

.semi-cascader-option-label-checkbox {
    margin-right: 0;
    margin-left: 8px
}

.semi-cascader-option-lists-rtl {
    direction: rtl
}

.semi-cascader-option-lists.semi-cascader-option-lists-rtl ul > li {
    padding-right: 12px;
    padding-left: auto
}

.semi-cascader-option-lists.semi-cascader-option-lists-rtl .semi-cascader-option-list {
    border-left: 0;
    border-right: 1px solid var(--semi-color-fill-0)
}

    .semi-cascader-option-lists.semi-cascader-option-lists-rtl .semi-cascader-option-list:first-child {
        border-right: none
    }

.semi-cascader-option-lists.semi-cascader-option-lists-rtl .semi-cascader-option-icon-active, .semi-cascader-option-lists.semi-cascader-option-lists-rtl .semi-cascader-option-icon-empty {
    margin-right: 0;
    margin-left: 8px
}

.semi-cascader-option-lists.semi-cascader-option-lists-rtl .semi-cascader-option-flatten {
    padding-right: 0;
    padding-left: 64px
}

.semi-cascader-option-lists.semi-cascader-option-lists-rtl .semi-cascader-option .semi-icon-chevron_right {
    margin-left: 0;
    margin-right: 8px;
    transform: scaleX(-1)
}

.semi-checkbox {
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: flex-start;
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    cursor: pointer;
    transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none),border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
    transform: scale(var(--semi-transform_scale-none));
    column-gap: 8px
}

    .semi-checkbox input[type=checkbox] {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        opacity: 0
    }

.semi-checkbox-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    row-gap: 4px
}

.semi-checkbox-addon {
    display: flex;
    flex: 1;
    align-items: center;
    color: var(--semi-color-text-0);
    line-height: 20px;
    -webkit-user-select: none;
    user-select: none
}

.semi-checkbox:hover .semi-checkbox-inner-display {
    background: var(--semi-color-fill-0);
    box-shadow: inset 0 0 0 1px var(--semi-color-focus-border)
}

.semi-checkbox:hover .semi-checkbox-inner-checked .semi-checkbox-inner-display {
    background: var(--semi-color-primary-hover);
    box-shadow: none
}

.semi-checkbox:active .semi-checkbox-inner-checked .semi-checkbox-inner-display {
    background: var(--semi-color-primary-active);
    box-shadow: none
}

.semi-checkbox.semi-checkbox-disabled:hover .semi-checkbox-inner-display, .semi-checkbox.semi-checkbox-disabled:active .semi-checkbox-inner-display {
    background: var(--semi-color-disabled-fill);
    box-shadow: inset 0 0 0 1px var(--semi-color-border)
}

.semi-checkbox.semi-checkbox-disabled:hover .semi-checkbox-inner-checked .semi-checkbox-inner-display, .semi-checkbox.semi-checkbox-disabled:active .semi-checkbox-inner-checked .semi-checkbox-inner-display {
    background: var(--semi-color-primary-disabled);
    box-shadow: none
}

.semi-checkbox-inner {
    position: relative;
    display: flex;
    align-items: center;
    width: 16px;
    height: 20px;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer
}

.semi-checkbox-inner-display {
    box-sizing: border-box;
    position: relative;
    width: 16px;
    height: 16px;
    margin: 0;
    background: var(--semi-color-bg-1);
    transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none),border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
    box-shadow: inset 0 0 0 1px var(--semi-color-text-3);
    border-radius: 4px
}

    .semi-checkbox-inner-display .semi-icon {
        font-size: 16px
    }

.semi-checkbox-inner-checked .semi-checkbox-inner-display {
    background: var(--semi-color-primary);
    color: var(--semi-color-white);
    box-shadow: inset 0 0 0 1px var(--semi-color-primary);
    border-radius: 4px
}

.semi-checkbox-inner-checked > .semi-checkbox-addon {
    color: var(--semi-color-text-0)
}

.semi-checkbox:hover .semi-checkbox-inner-display {
    background: var(--semi-color-fill-0)
}

.semi-checkbox:hover.semi-checkbox-indeterminate .semi-checkbox-inner-display {
    background: var(--semi-color-primary-hover);
    box-shadow: none;
    color: var(--semi-color-white)
}

.semi-checkbox:hover .semi-checkbox-inner-checked .semi-checkbox-inner-display {
    background: var(--semi-color-primary-hover);
    border-color: var(--semi-color-primary-hover);
    color: var(--semi-color-white)
}

.semi-checkbox:hover.semi-checkbox-cardType.semi-checkbox-unChecked.semi-checkbox-cardType_enable .semi-checkbox-inner-display {
    background: var(--semi-color-white)
}

.semi-checkbox:active .semi-checkbox-inner-display {
    background: var(--semi-color-fill-1)
}

.semi-checkbox:active.semi-checkbox-indeterminate .semi-checkbox-inner-display {
    background: var(--semi-color-primary-active);
    border-color: var(--semi-color-primary-active);
    color: var(--semi-color-white);
    box-shadow: none
}

.semi-checkbox:active .semi-checkbox-inner-checked .semi-checkbox-inner-display {
    background: var(--semi-color-primary-active);
    border-color: var(--semi-color-primary-active);
    color: var(--semi-color-white)
}

.semi-checkbox:active.semi-checkbox-cardType.semi-checkbox-unChecked.semi-checkbox-cardType_enable .semi-checkbox-inner-display {
    background: var(--semi-color-white)
}

.semi-checkbox-cardType {
    flex-wrap: nowrap;
    align-items: flex-start;
    border-radius: 3px;
    padding: 12px 16px;
    background: transparent;
    border: 1px solid transparent
}

    .semi-checkbox-cardType .semi-checkbox-inner {
        position: relative;
        flex-shrink: 0
    }

    .semi-checkbox-cardType .semi-checkbox-inner-display {
        background: var(--semi-color-white)
    }

    .semi-checkbox-cardType .semi-checkbox-inner-pureCardType {
        opacity: 0;
        width: 0
    }

    .semi-checkbox-cardType .semi-checkbox-addon {
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        color: var(--semi-color-text-0)
    }

    .semi-checkbox-cardType .semi-checkbox-extra {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: var(--semi-color-text-2)
    }

        .semi-checkbox-cardType .semi-checkbox-extra.semi-checkbox-cardType_extra_noChildren {
            margin-top: 0
        }

    .semi-checkbox-cardType:hover {
        background: var(--semi-color-fill-0)
    }

    .semi-checkbox-cardType:active {
        background: var(--semi-color-fill-1)
    }

.semi-checkbox-cardType_checked {
    background: var(--semi-color-primary-light-default);
    border: 1px solid rgba(var(--semi-blue-5),.12)
}

    .semi-checkbox-cardType_checked:hover {
        background: var(--semi-color-primary-light-default);
        border-color: rgba(var(--semi-blue-5),.12)
    }

        .semi-checkbox-cardType_checked:hover .semi-checkbox-inner-checked .semi-checkbox-inner-display {
            box-shadow: none
        }

    .semi-checkbox-cardType_checked:active {
        background: var(--semi-color-primary-light-default);
        border-color: rgba(var(--semi-blue-5),.2)
    }

.semi-checkbox-cardType_disabled:active, .semi-checkbox-cardType_disabled:hover {
    background: transparent
}

.semi-checkbox-cardType_checked_disabled.semi-checkbox-cardType {
    background: var(--semi-color-primary-light-default);
    border: 1px solid var(--semi-color-primary-disabled)
}

    .semi-checkbox-cardType_checked_disabled.semi-checkbox-cardType:hover .semi-checkbox-inner-checked .semi-checkbox-inner-display {
        box-shadow: none
    }

.semi-checkbox-indeterminate .semi-checkbox-inner-display, .semi-checkbox-checked .semi-checkbox-inner-display {
    background: var(--semi-color-primary);
    color: var(--semi-color-white);
    box-shadow: inset 0 0 0 1px var(--semi-color-primary);
    border-radius: 4px
}

    .semi-checkbox-indeterminate .semi-checkbox-inner-display:hover, .semi-checkbox-checked .semi-checkbox-inner-display:hover {
        background: var(--semi-color-primary-hover);
        border-color: var(--semi-color-primary-hover);
        color: var(--semi-color-white)
    }

    .semi-checkbox-indeterminate .semi-checkbox-inner-display:active, .semi-checkbox-checked .semi-checkbox-inner-display:active {
        background: var(--semi-color-primary-active);
        border-color: var(--semi-color-primary-active);
        color: var(--semi-color-white)
    }

.semi-checkbox-indeterminate .semi-checkbox-inner-addon, .semi-checkbox-checked .semi-checkbox-inner-addon {
    color: var(--semi-color-text-0)
}

.semi-checkbox-disabled, .semi-checkbox-disabled .semi-checkbox-inner {
    cursor: not-allowed
}

    .semi-checkbox-disabled .semi-checkbox-inner-display {
        color: var(--semi-color-white);
        background: var(--semi-color-disabled-fill);
        box-shadow: inset 0 0 0 1px var(--semi-color-border)
    }

        .semi-checkbox-disabled .semi-checkbox-inner-display:hover {
            color: var(--semi-color-white);
            background: transparent
        }

    .semi-checkbox-disabled .semi-checkbox-inner-checked {
        color: var(--semi-color-white)
    }

        .semi-checkbox-disabled .semi-checkbox-inner-checked .semi-checkbox-inner-display {
            opacity: .75;
            background: var(--semi-color-primary-disabled);
            box-shadow: inset 0 0 0 1px var(--semi-color-primary-disabled)
        }

            .semi-checkbox-disabled .semi-checkbox-inner-checked .semi-checkbox-inner-display:hover {
                color: var(--semi-color-white);
                background: var(--semi-color-primary-disabled)
            }

    .semi-checkbox-disabled .semi-checkbox-addon, .semi-checkbox-disabled .semi-checkbox-extra {
        color: var(--semi-color-disabled-text)
    }

.semi-checkbox.semi-checkbox-disabled.semi-checkbox-indeterminate .semi-checkbox-inner-display {
    opacity: .75;
    background: var(--semi-color-primary-disabled);
    box-shadow: inset 0 0 0 1px var(--semi-color-primary-disabled);
    color: var(--semi-color-white)
}

.semi-checkbox-extra {
    flex-shrink: 0;
    flex-grow: 1;
    flex-basis: 100%;
    box-sizing: border-box;
    color: var(--semi-color-text-2)
}

.semi-checkbox-focus {
    outline: 2px solid var(--semi-color-primary-light-active)
}

.semi-checkbox-focus-border {
    box-shadow: inset 0 0 0 1px var(--semi-color-focus-border)
}

.semi-checkboxGroup {
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    line-height: 14px
}

    .semi-checkboxGroup .semi-checkbox.semi-checkbox-vertical {
        margin-bottom: 16px
    }

.semi-checkboxGroup-horizontal {
    display: flex;
    flex-wrap: wrap;
    gap: 16px
}

    .semi-checkboxGroup-horizontal .semi-checkbox {
        display: inline-flex
    }

.semi-checkboxGroup-vertical {
    display: flex;
    flex-direction: column;
    row-gap: 12px
}

.semi-checkboxGroup-vertical-cardType {
    row-gap: 16px
}

.semi-checkboxGroup-vertical-pureCardType .semi-checkbox {
    column-gap: 0
}

.semi-rtl .semi-checkbox, .semi-portal-rtl .semi-checkbox {
    direction: rtl
}

    .semi-rtl .semi-checkbox input[type=checkbox], .semi-portal-rtl .semi-checkbox input[type=checkbox] {
        left: auto;
        right: 0
    }

.semi-rtl .semi-checkboxGroup, .semi-portal-rtl .semi-checkboxGroup {
    direction: rtl
}

.semi-tagInput {
    background-color: var(--semi-color-bg-1);
    border: 1px var(--semi-color-border) solid;
    border-radius: var(--semi-border-radius-small);
    display: inline-flex;
    font-weight: 400;
    width: 100%;
    min-height: 36px;
    box-sizing: border-box;
    transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none),border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none)
}

.semi-tagInput-small {
    min-height: 30px
}

.semi-tagInput-large {
    min-height: 40px
}

.semi-tagInput-drag-item {
    display: flex;
    align-items: center
}

.semi-tagInput-drag-item-move {
    z-index: 2000
}

.semi-tagInput-drag-handler {
    color: var(--semi-color-text-2);
    margin-right: 4px;
    cursor: move
}

.semi-tagInput-sortable-item {
    position: relative
}

.semi-tagInput-sortable-item-over {
    overflow: visible
}

    .semi-tagInput-sortable-item-over:before {
        content: "";
        display: block;
        height: 100%;
        width: 2px;
        background-color: var(--semi-color-primary);
        position: absolute;
        left: -2px;
        top: 0
    }

.semi-tagInput-sortable-item-active {
    opacity: .5
}

.semi-tagInput-hover {
    background-color: var(--semi-color-bg-0);
    border: 1px var(--semi-color-border) solid
}

.semi-tagInput-focus {
    background-color: var(--semi-color-bg-0);
    border: 1px var(--semi-color-focus-border) solid
}

.semi-tagInput-warning {
    background-color: var(--semi-color-warning-light-default);
    border-color: var(--semi-color-warning-light-default)
}

    .semi-tagInput-warning:hover {
        background-color: var(--semi-color-warning-light-hover);
        border-color: var(--semi-color-warning-light-hover)
    }

    .semi-tagInput-warning.semi-tagInput-focus {
        background-color: var(--semi-color-warning-light-default);
        border-color: var(--semi-color-warning)
    }

.semi-tagInput-error {
    background-color: var(--semi-color-danger-light-default);
    border-color: var(--semi-color-danger-light-default)
}

    .semi-tagInput-error:hover {
        background-color: var(--semi-color-danger-light-hover);
        border-color: var(--semi-color-danger-light-hover)
    }

    .semi-tagInput-error.semi-tagInput-focus {
        background-color: var(--semi-color-danger-light-default);
        border-color: var(--semi-color-danger)
    }

.semi-tagInput-disabled {
    cursor: not-allowed
}

    .semi-tagInput-disabled .semi-tagInput-clearBtn, .semi-tagInput-disabled .semi-tagInput-prefix, .semi-tagInput-disabled .semi-tagInput-suffix {
        color: var(--semi-color-disabled-text)
    }

    .semi-tagInput-disabled .semi-tagInput-wrapper {
        cursor: not-allowed
    }

    .semi-tagInput-disabled .semi-tagInput-wrapper-tag {
        color: var(--semi-color-disabled-text);
        background-color: transparent
    }

    .semi-tagInput-disabled .semi-tagInput-wrapper-input {
        cursor: not-allowed
    }

        .semi-tagInput-disabled .semi-tagInput-wrapper-input::placeholder {
            color: var(--semi-color-disabled-text)
        }

.semi-tagInput-wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    align-items: center;
    padding-left: 4px;
    padding-right: 4px;
    overflow: hidden
}

.semi-tagInput-wrapper-tag {
    margin-right: 4px;
    white-space: pre
}

.semi-tagInput-wrapper-tag-size-small, .semi-tagInput-wrapper-tag-size-default {
    margin-top: 2px;
    margin-bottom: 2px
}

.semi-tagInput-wrapper-tag-size-large {
    margin-top: 3px;
    margin-bottom: 3px
}

.semi-tagInput-wrapper-tag-icon {
    padding-left: 4px
}

.semi-tagInput-wrapper-typo {
    font-size: 12px
}

.semi-tagInput-wrapper-typo-disabled {
    color: var(--semi-color-disabled-text)
}

.semi-tagInput-wrapper-n {
    cursor: pointer;
    font-size: 12px;
    margin-right: 4px;
    color: var(--semi-color-text-0);
    padding-left: 8px;
    padding-right: 8px
}

.semi-tagInput-wrapper-n-disabled {
    cursor: not-allowed;
    color: var(--semi-color-disabled-text)
}

.semi-tagInput-wrapper .semi-tagInput-wrapper-input {
    flex-grow: 1;
    width: min-content;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 14px
}

    .semi-tagInput-wrapper .semi-tagInput-wrapper-input:hover {
        background-color: transparent
    }

    .semi-tagInput-wrapper .semi-tagInput-wrapper-input:not(:first-child) > input {
        padding-left: 0
    }

.semi-tagInput-wrapper .semi-tagInput-wrapper-input-small {
    height: 20px;
    margin-top: 2px;
    margin-bottom: 2px;
    line-height: 20px
}

    .semi-tagInput-wrapper .semi-tagInput-wrapper-input-small .semi-input-small {
        height: 20px;
        line-height: 20px
    }

.semi-tagInput-wrapper .semi-tagInput-wrapper-input-default {
    height: 24px;
    margin-top: 2px;
    margin-bottom: 2px;
    line-height: 24px
}

    .semi-tagInput-wrapper .semi-tagInput-wrapper-input-default .semi-input-default {
        height: 24px;
        line-height: 24px
    }

.semi-tagInput-wrapper .semi-tagInput-wrapper-input-large {
    height: 24px;
    margin-top: 3px;
    margin-bottom: 3px;
    line-height: 24px
}

    .semi-tagInput-wrapper .semi-tagInput-wrapper-input-large .semi-input-large {
        height: 24px;
        line-height: 24px
    }

.semi-tagInput-clearBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    flex-shrink: 0;
    color: var(--semi-color-text-2)
}

    .semi-tagInput-clearBtn:hover {
        cursor: pointer;
        color: var(--semi-color-primary-hover)
    }

.semi-tagInput-clearBtn-invisible {
    visibility: hidden
}

.semi-tagInput-inset-label {
    margin-right: 12px;
    font-weight: 600;
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    color: var(--semi-color-text-2);
    flex-shrink: 0;
    white-space: nowrap
}

.semi-tagInput-prefix, .semi-tagInput-suffix {
    display: flex;
    justify-content: center;
    align-items: center
}

.semi-tagInput-prefix-text, .semi-tagInput-suffix-text {
    margin: 0 12px;
    font-weight: 600;
    white-space: nowrap
}

.semi-tagInput-prefix-icon, .semi-tagInput-suffix-icon {
    color: var(--semi-color-text-2);
    margin: 0 8px
}

.semi-tagInput-prefix-text, .semi-tagInput-suffix-text {
    color: var(--semi-color-text-2)
}

.semi-tagInput-with-prefix .semi-input {
    padding-left: 0
}

.semi-tagInput-tag-content-wrapper {
    display: flex;
    align-items: center
}

.semi-tagInput-sortable-list {
    display: flex;
    flex-flow: row wrap;
    width: 100%
}

.semi-rtl .semi-tagInput, .semi-portal-rtl .semi-tagInput {
    direction: rtl
}

.semi-rtl .semi-tagInput-wrapper-tag, .semi-portal-rtl .semi-tagInput-wrapper-tag {
    margin-left: 4px;
    margin-right: 0
}

.semi-rtl .semi-tagInput-wrapper-input:not(:first-child) > input, .semi-portal-rtl .semi-tagInput-wrapper-input:not(:first-child) > input {
    padding-right: 0
}

.semi-scrolllist {
    width: 100%;
    height: 100%;
    background: var(--semi-color-bg-3);
    box-shadow: 0 0 1px #0000004d,0 4px 14px #0000001a;
    border-radius: var(--semi-border-radius-medium);
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    -webkit-user-select: none;
    user-select: none;
    display: flex;
    flex-direction: column
}

.semi-scrolllist-header {
    text-align: center;
    padding: 0 16px
}

.semi-scrolllist-header-title {
    padding: 16px 0;
    font-weight: 600;
    color: var(--semi-color-text-0);
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px
}

.semi-scrolllist-body {
    display: flex;
    height: 300px;
    padding: 0 16px;
    overflow: hidden
}

    .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer-nocycle > ul:before, .semi-scrolllist-body .semi-scrolllist-item > ul:before {
        content: "";
        display: block;
        width: 100%;
        height: 132px
    }

    .semi-scrolllist-body .semi-scrolllist-item {
        position: relative;
        flex: 1;
        overflow-x: hidden;
        overflow-y: auto
    }

        .semi-scrolllist-body .semi-scrolllist-item:not(:last-child) {
            border-right: 1px solid var(--semi-color-border)
        }

        .semi-scrolllist-body .semi-scrolllist-item > ul, .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer > ul {
            box-sizing: border-box;
            width: 100%;
            margin: 0;
            padding: 0 0 132px;
            list-style: none
        }

            .semi-scrolllist-body .semi-scrolllist-item > ul > li, .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer > ul > li {
                list-style: none;
                height: 36px;
                box-sizing: border-box;
                color: var(--semi-color-text-0);
                text-align: center;
                display: flex;
                align-items: center;
                justify-content: center;
                cursor: pointer;
                background-color: transparent;
                transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeOut) 0ms
            }

                .semi-scrolllist-body .semi-scrolllist-item > ul > li.semi-scrolllist-item-sel, .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer > ul > li.semi-scrolllist-item-sel {
                    background: var(--semi-color-primary-light-default);
                    color: var(--semi-color-text-0)
                }

                    .semi-scrolllist-body .semi-scrolllist-item > ul > li.semi-scrolllist-item-sel > svg, .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer > ul > li.semi-scrolllist-item-sel > svg {
                        color: var(--semi-color-text-2);
                        width: 16px;
                        height: 16px;
                        margin-right: 12px
                    }

                .semi-scrolllist-body .semi-scrolllist-item > ul > li:not(.disabled):not(.semi-scrolllist-item-disabled):not(.semi-scrolllist-item-sel):not(.semi-scrolllist-item-selected), .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer > ul > li:not(.disabled):not(.semi-scrolllist-item-disabled):not(.semi-scrolllist-item-sel):not(.semi-scrolllist-item-selected) {
                    cursor: pointer
                }

                    .semi-scrolllist-body .semi-scrolllist-item > ul > li:not(.disabled):not(.semi-scrolllist-item-disabled):not(.semi-scrolllist-item-sel):not(.semi-scrolllist-item-selected):hover, .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer > ul > li:not(.disabled):not(.semi-scrolllist-item-disabled):not(.semi-scrolllist-item-sel):not(.semi-scrolllist-item-selected):hover {
                        background-color: var(--semi-color-fill-1)
                    }

                    .semi-scrolllist-body .semi-scrolllist-item > ul > li:not(.disabled):not(.semi-scrolllist-item-disabled):not(.semi-scrolllist-item-sel):not(.semi-scrolllist-item-selected):active, .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer > ul > li:not(.disabled):not(.semi-scrolllist-item-disabled):not(.semi-scrolllist-item-sel):not(.semi-scrolllist-item-selected):active {
                        background-color: var(--semi-color-fill-2)
                    }

                .semi-scrolllist-body .semi-scrolllist-item > ul > li.semi-scrolllist-item-disabled, .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer > ul > li.semi-scrolllist-item-disabled {
                    color: var(--semi-color-disabled-text);
                    cursor: not-allowed
                }

    .semi-scrolllist-body .semi-scrolllist-item-wheel {
        position: relative;
        flex: 1;
        overflow: hidden
    }

        .semi-scrolllist-body .semi-scrolllist-item-wheel:not(:last-child) {
            border-right: 1px solid var(--semi-color-border)
        }

        .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-item-selected {
            font-weight: 600;
            color: var(--semi-color-primary) !important
        }

        .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer {
            overflow-x: hidden;
            overflow-y: auto;
            height: 100%;
            width: 100%;
            padding-right: 18px
        }

        .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-shade {
            width: 100%;
            height: 50%;
            pointer-events: none;
            position: absolute
        }

        .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-shade-pre {
            top: 0;
            margin-top: -19px;
            background: var(--semi-color-bg-3);
            opacity: .5
        }

        .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-shade-post {
            top: 50%;
            margin-top: 19px;
            background: var(--semi-color-bg-3);
            opacity: .5
        }

        .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-selector {
            pointer-events: none;
            position: absolute;
            top: 50%;
            border-top: 1px solid var(--semi-color-border);
            border-bottom: 1px solid var(--semi-color-border);
            height: 36px;
            width: 100%;
            transform: translateY(-50%)
        }

.semi-scrolllist .semi-scrolllist-footer {
    border-top: 1px solid var(--semi-color-border);
    padding: 10px
}

.semi-scrolllist .semi-scrolllist-line {
    background: var(--semi-color-border);
    height: 1px
}

.semi-rtl .semi-scrolllist, .semi-portal-rtl .semi-scrolllist {
    direction: rtl
}

.semi-rtl .semi-scrolllist-body .semi-scrolllist-item:not(:last-child), .semi-portal-rtl .semi-scrolllist-body .semi-scrolllist-item:not(:last-child) {
    border-right: 0;
    border-left: 1px solid var(--semi-color-border)
}

.semi-rtl .semi-scrolllist-body .semi-scrolllist-item > ul > li.semi-scrolllist-item-sel > svg, .semi-rtl .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer > ul > li.semi-scrolllist-item-sel > svg, .semi-portal-rtl .semi-scrolllist-body .semi-scrolllist-item > ul > li.semi-scrolllist-item-sel > svg, .semi-portal-rtl .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer > ul > li.semi-scrolllist-item-sel > svg {
    margin-right: 0;
    margin-left: 12px
}

.semi-rtl .semi-scrolllist-body .semi-scrolllist-item-wheel:not(:last-child), .semi-portal-rtl .semi-scrolllist-body .semi-scrolllist-item-wheel:not(:last-child) {
    border-right: 0;
    border-left: 1px solid var(--semi-color-border)
}

.semi-rtl .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer, .semi-portal-rtl .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer {
    padding-right: 0;
    padding-left: 18px
}

.semi-datepicker {
    box-sizing: border-box;
    display: inline-block
}

.semi-datepicker-container {
    display: flex
}

.semi-datepicker .semi-scrolllist-body .semi-scrolllist-item {
    -ms-overflow-style: none;
    scrollbar-width: none
}

    .semi-datepicker .semi-scrolllist-body .semi-scrolllist-item::-webkit-scrollbar {
        display: none;
        width: 0;
        height: 0
    }

.semi-datepicker .semi-scrolllist-body .semi-scrolllist-list-outer {
    -ms-overflow-style: none;
    scrollbar-width: none
}

    .semi-datepicker .semi-scrolllist-body .semi-scrolllist-list-outer::-webkit-scrollbar {
        display: none;
        width: 0;
        height: 0
    }

.semi-datepicker-month-grid {
    -webkit-user-select: none;
    user-select: none;
    display: flex
}

.semi-datepicker-month-grid-left, .semi-datepicker-month-grid-right {
    position: relative;
    padding: 0;
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-start
}

.semi-datepicker-month-grid[x-type=date] .semi-datepicker-yam, .semi-datepicker-month-grid[x-type=dateRange] .semi-datepicker-yam {
    height: 100%
}

.semi-datepicker-month-grid[x-type=dateTime] .semi-datepicker-yam, .semi-datepicker-month-grid[x-type=dateTimeRange] .semi-datepicker-yam {
    height: calc(100% - 54px)
}

.semi-datepicker-month-grid .semi-datepicker-yam-showing {
    min-height: 378px;
    min-width: 284px
}

.semi-datepicker-month-grid[x-type=date] .semi-datepicker-yam-showing {
    min-height: 325px
}

.semi-datepicker-month-grid[x-insetinput=true] .semi-datepicker-month-grid-left[x-open-type=year], .semi-datepicker-month-grid[x-insetinput=true] .semi-datepicker-month-grid-right[x-open-type=year], .semi-datepicker-month-grid[x-insetinput=true] .semi-datepicker-month-grid-left[x-open-type=time], .semi-datepicker-month-grid[x-insetinput=true] .semi-datepicker-month-grid-right[x-open-type=time] {
    min-height: 317px
}

.semi-datepicker-month-grid[x-insetinput=true] .semi-datepicker-navigation {
    padding-top: 8px;
    padding-bottom: 8px
}

.semi-datepicker-month-grid[x-insetinput=true] .semi-datepicker-tpk {
    min-height: 100%
}

.semi-datepicker-month-grid[x-insetinput=true][x-type=dateTime] .semi-datepicker-yam, .semi-datepicker-month-grid[x-insetinput=true][x-type=dateTimeRange] .semi-datepicker-yam {
    height: 100%
}

.semi-datepicker-month-grid[x-preset-position=left][x-insetinput=false] .semi-datepicker-month, .semi-datepicker-month-grid[x-preset-position=right][x-insetinput=false] .semi-datepicker-month {
    height: 253px
}

.semi-datepicker-month-grid .semi-datepicker-yearmonth-header {
    background: var(--semi-color-bg-3);
    padding: 12px 16px;
    border-bottom: 1px solid var(--semi-color-border);
    border-radius: var(--semi-border-radius-medium) var(--semi-border-radius-medium) 0 0;
    display: flex;
    align-items: center
}

.semi-datepicker-month-grid .semi-scrolllist {
    background: var(--semi-color-bg-3);
    position: relative;
    box-shadow: none;
    height: auto;
    width: 100%;
    height: 100%;
    overflow: hidden;
    flex: 1
}

.semi-datepicker-month-grid .semi-scrolllist-header, .semi-datepicker-month-grid .semi-scrolllist-body {
    box-sizing: border-box;
    width: 100%
}

.semi-datepicker-month-grid .semi-scrolllist-header {
    border-bottom: 1px solid var(--semi-color-border);
    padding: 16px
}

.semi-datepicker-month-grid .semi-scrolllist-body {
    height: 100%;
    overflow: hidden;
    padding: 0;
    flex: 1
}

.semi-datepicker-month-grid .semi-scrolllist-line {
    display: none
}

.semi-datepicker-month-grid .semi-scrolllist-header-title {
    padding: 0;
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    min-height: 24px;
    line-height: 24px
}

.semi-datepicker-month-grid[x-panel-yearandmonth-open-type=left] .semi-datepicker-weeks, .semi-datepicker-month-grid[x-panel-yearandmonth-open-type=right] .semi-datepicker-weeks {
    min-height: 216px
}

.semi-datepicker-panel-yam {
    max-width: 484px
}

    .semi-datepicker-panel-yam[x-type=monthRange] {
        max-width: 584px
    }

    .semi-datepicker-panel-yam .semi-datepicker-yearmonth-body {
        display: flex
    }

        .semi-datepicker-panel-yam .semi-datepicker-yearmonth-body .semi-scrolllist:nth-child(2) {
            border-left: 1px solid var(--semi-color-border)
        }

    .semi-datepicker-panel-yam .semi-scrolllist {
        box-shadow: none;
        height: 266px
    }

    .semi-datepicker-panel-yam .semi-scrolllist-list-outer > ul > li {
        min-width: 64px
    }

    .semi-datepicker-panel-yam .semi-scrolllist-item > ul > li {
        min-width: 82px
    }

    .semi-datepicker-panel-yam .semi-scrolllist-body {
        padding: 0;
        overflow: hidden
    }

        .semi-datepicker-panel-yam .semi-scrolllist-body .semi-scrolllist-item-wheel:not(#neverExistElement) {
            border: none
        }

.semi-datepicker-footer {
    padding-top: 10px;
    padding-right: 8px;
    padding-bottom: 10px;
    text-align: right;
    background-color: var(--semi-color-fill-0)
}

    .semi-datepicker-footer .semi-button:first-of-type {
        margin-right: 12px
    }

    .semi-datepicker-footer .semi-button:nth-of-type(2) {
        margin-right: 8px
    }

.semi-datepicker-yam {
    position: absolute;
    top: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box
}

.semi-datepicker-tpk {
    position: absolute;
    top: 0;
    height: calc(100% - 54px);
    width: 100%;
    display: flex;
    flex-direction: column
}

    .semi-datepicker-tpk .semi-datepicker-time {
        height: 100%
    }

.semi-datepicker-navigation {
    display: flex;
    align-items: center;
    box-sizing: content-box;
    height: 32px;
    padding: 12px 16px
}

.semi-datepicker-navigation-left, .semi-datepicker-navigation-right {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center
}

.semi-datepicker-navigation .semi-button {
    color: var(--semi-color-text-2);
    min-width: 32px
}

.semi-datepicker-navigation-month {
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 22px;
    flex-grow: 1;
    text-align: center;
    font-weight: 600;
    color: var(--semi-color-text-0)
}

    .semi-datepicker-navigation-month .semi-button {
        color: var(--semi-color-text-0)
    }

.semi-datepicker-month {
    width: 252px;
    box-sizing: content-box;
    padding: 0 16px 16px
}

.semi-datepicker-weekday {
    font-size: 12px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 16px;
    font-weight: 600;
    color: var(--semi-color-text-2);
    border-bottom: 1px solid var(--semi-color-border)
}

.semi-datepicker-weekday-item {
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    display: inline-block
}

.semi-datepicker-weeks {
    color: var(--semi-color-text-0)
}

.semi-datepicker-week {
    display: flex;
    align-items: center
}

.semi-datepicker-day {
    box-sizing: border-box;
    display: inline-block;
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.semi-datepicker-day-main {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    box-sizing: border-box;
    border-radius: var(--semi-border-radius-small)
}

    .semi-datepicker-day-main:hover {
        background-color: var(--semi-color-fill-0)
    }

    .semi-datepicker-day-main:active {
        background-color: var(--semi-color-fill-1)
    }

.semi-datepicker-day-today .semi-datepicker-day-main {
    color: var(--semi-color-primary);
    background-color: var(--semi-color-fill-0);
    font-weight: 600
}

.semi-datepicker-day-today.semi-datepicker-day-disabled .semi-datepicker-day-main {
    color: var(--semi-color-primary-disabled)
}

.semi-datepicker-day-inrange .semi-datepicker-day-main, .semi-datepicker-day-inhover .semi-datepicker-day-main, .semi-datepicker-day-inoffsetrange .semi-datepicker-day-main, .semi-datepicker-day-hoverday .semi-datepicker-day-main, .semi-datepicker-day-selectedrange-hover .semi-datepicker-day-main, .semi-datepicker-day-hoverday-around-singleselected .semi-datepicker-day-main {
    border-radius: 0;
    margin-left: 0;
    margin-right: 0;
    width: 36px
}

.semi-datepicker-day-selected .semi-datepicker-day-main, .semi-datepicker-day-selected-start.semi-datepicker-day-selected-end .semi-datepicker-day-main, .semi-datepicker-day-offsetrange-start.semi-datepicker-day-offsetrange-end .semi-datepicker-day-main {
    border-radius: var(--semi-border-radius-small)
}

.semi-datepicker-day-offsetrange-start .semi-datepicker-day-main {
    border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small)
}

.semi-datepicker-day-offsetrange-end .semi-datepicker-day-main {
    border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0
}

.semi-datepicker-day-hoverday-beforerange .semi-datepicker-day-main {
    border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small)
}

.semi-datepicker-day-hoverday-afterrange .semi-datepicker-day-main {
    border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0
}

.semi-datepicker-day-selected-start .semi-datepicker-day-main, .semi-datepicker-day-offsetrange-start .semi-datepicker-day-main {
    width: 34px;
    margin-left: 2px;
    margin-right: 0;
    border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small)
}

.semi-datepicker-day-selected-end .semi-datepicker-day-main, .semi-datepicker-day-offsetrange-end .semi-datepicker-day-main {
    width: 34px;
    margin-right: 2px;
    margin-left: 0;
    border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0
}

.semi-datepicker-day-hoverday-inrange .semi-datepicker-day-main {
    border-radius: 0
}

.semi-datepicker-day-inoffsetrange .semi-datepicker-day-main, .semi-datepicker-day-offsetrange-start .semi-datepicker-day-main, .semi-datepicker-day-offsetrange-end .semi-datepicker-day-main {
    background-color: var(--semi-color-fill-0)
}

.semi-datepicker-day-hoverday .semi-datepicker-day-main, .semi-datepicker-day-hoverday-offset .semi-datepicker-day-main {
    background-color: var(--semi-color-fill-1)
}

.semi-datepicker-day-inrange .semi-datepicker-day-main, .semi-datepicker-day-inhover .semi-datepicker-day-main {
    background-color: var(--semi-color-primary-light-default)
}

.semi-datepicker-day-hoverday-inrange .semi-datepicker-day-main, .semi-datepicker-day-hoverday-beforerange .semi-datepicker-day-main, .semi-datepicker-day-hoverday-afterrange .semi-datepicker-day-main, .semi-datepicker-day-hoverday-around-singleselected .semi-datepicker-day-main {
    background-color: var(--semi-color-primary-light-active)
}

.semi-datepicker-day-selected .semi-datepicker-day-main, .semi-datepicker-day-selected-start .semi-datepicker-day-main, .semi-datepicker-day-selected-end .semi-datepicker-day-main {
    background-color: var(--semi-color-primary);
    color: var(--semi-color-white)
}

    .semi-datepicker-day-selected .semi-datepicker-day-main:hover, .semi-datepicker-day-selected-start .semi-datepicker-day-main:hover, .semi-datepicker-day-selected-end .semi-datepicker-day-main:hover {
        background-color: var(--semi-color-primary)
    }

.semi-datepicker-day-selectedrange-hover .semi-datepicker-day-main {
    background-color: var(--semi-color-primary-light-hover)
}

.semi-datepicker-day-selected-start-afterhover .semi-datepicker-day-main, .semi-datepicker-day-selected-end-beforehover .semi-datepicker-day-main {
    border: 1px solid var(--semi-color-primary-active)
}

.semi-datepicker-day-disabled {
    cursor: not-allowed;
    color: var(--semi-color-disabled-text)
}

    .semi-datepicker-day-disabled .semi-datepicker-day-main:hover, .semi-datepicker-day-disabled .semi-datepicker-day-main:active {
        background-color: transparent
    }

    .semi-datepicker-day-disabled.semi-datepicker-day-selected .semi-datepicker-day-main, .semi-datepicker-day-disabled.semi-datepicker-day-selected-start .semi-datepicker-day-main, .semi-datepicker-day-disabled.semi-datepicker-day-selected-end .semi-datepicker-day-main, .semi-datepicker-day-disabled.semi-datepicker-day-inhover .semi-datepicker-day-main, .semi-datepicker-day-disabled.semi-datepicker-day-inrange .semi-datepicker-day-main, .semi-datepicker-day-disabled.semi-datepicker-day-inoffsetrange .semi-datepicker-day-main, .semi-datepicker-day-disabled.semi-datepicker-day-hoverday .semi-datepicker-day-main, .semi-datepicker-day-disabled.semi-datepicker-day-hoverday-offset .semi-datepicker-day-main, .semi-datepicker-day-disabled.semi-datepicker-day-offsetrange-start .semi-datepicker-day-main, .semi-datepicker-day-disabled.semi-datepicker-day-offsetrange-end .semi-datepicker-day-main, .semi-datepicker-day-disabled.semi-datepicker-day-selectedrange-hover .semi-datepicker-day-main {
        background-color: var(--semi-color-disabled-fill);
        color: var(--semi-color-disabled-text)
    }

.semi-datepicker-switch {
    text-align: center;
    display: flex;
    border-top: 1px solid var(--semi-color-border);
    margin-top: auto
}

.semi-datepicker-switch-date, .semi-datepicker-switch-time {
    width: 50%;
    cursor: pointer;
    padding-top: 16px;
    padding-bottom: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--semi-color-text-2)
}

    .semi-datepicker-switch-date:not(.semi-datepicker-switch-time-disabled):hover, .semi-datepicker-switch-time:not(.semi-datepicker-switch-time-disabled):hover {
        background-color: var(--semi-color-fill-0)
    }

.semi-datepicker-switch-date-active, .semi-datepicker-switch-time-active {
    color: var(--semi-color-text-0);
    font-weight: 600;
    cursor: auto
}

    .semi-datepicker-switch-date-active:hover, .semi-datepicker-switch-time-active:hover {
        background-color: inherit
    }

.semi-datepicker-switch-date-disabled, .semi-datepicker-switch-time-disabled {
    cursor: not-allowed
}

.semi-datepicker-switch-text {
    padding-left: 8px
}

.semi-datepicker-time .semi-jumperlist {
    box-shadow: none;
    border-radius: 0
}

.semi-datepicker-quick-control {
    box-sizing: border-box;
    background-color: transparent
}

.semi-datepicker-quick-control-header {
    padding: 18px 12px 0;
    font-weight: 600
}

.semi-datepicker-quick-control-left {
    border-right: 1px solid var(--semi-color-border)
}

.semi-datepicker-quick-control-right {
    border-left: 1px solid var(--semi-color-border)
}

.semi-datepicker-quick-control-top {
    border-bottom: 1px solid var(--semi-color-border)
}

.semi-datepicker-quick-control-bottom {
    border-top: 1px solid var(--semi-color-border)
}

.semi-datepicker-quick-control-left-content-wrapper, .semi-datepicker-quick-control-right-content-wrapper {
    max-width: 200px;
    margin-top: 14px;
    overflow-y: auto
}

.semi-datepicker-quick-control-top-content-wrapper, .semi-datepicker-quick-control-bottom-content-wrapper {
    overflow-y: auto;
    max-height: 100px
}

.semi-datepicker-quick-control-left-content, .semi-datepicker-quick-control-right-content {
    box-sizing: border-box;
    display: grid;
    align-content: flex-start;
    grid-gap: 8px;
    grid-template-columns: repeat(2,minmax(76.5px,84px));
    padding: 0 12px 12px
}

.semi-datepicker-quick-control-left-content-item, .semi-datepicker-quick-control-right-content-item {
    max-width: 84px
}

.semi-datepicker-quick-control-left-content-item-ellipsis, .semi-datepicker-quick-control-right-content-item-ellipsis {
    width: 68px;
    color: var(--semi-color-primary)
}

.semi-datepicker-quick-control-top-content, .semi-datepicker-quick-control-bottom-content {
    display: grid;
    grid-gap: 8px;
    grid-template-columns: repeat(3,minmax(70.924px,75.924px));
    align-content: flex-start;
    padding: 8px 20px
}

.semi-datepicker-quick-control-top-content-item, .semi-datepicker-quick-control-bottom-content-item {
    max-width: 75.924px
}

.semi-datepicker-quick-control-top-content-item-ellipsis, .semi-datepicker-quick-control-bottom-content-item-ellipsis {
    width: 59.924px;
    color: var(--semi-color-primary)
}

.semi-datepicker-quick-control-top-range-content, .semi-datepicker-quick-control-bottom-range-content {
    box-sizing: border-box;
    display: grid;
    align-content: flex-start;
    grid-template-columns: repeat(5,minmax(96.2px,99.2px));
    grid-gap: 8px;
    padding: 8px 20px
}

.semi-datepicker-quick-control-top-range-content-item, .semi-datepicker-quick-control-bottom-range-content-item {
    max-width: 99.2px
}

.semi-datepicker-quick-control-top-range-content-item-ellipsis, .semi-datepicker-quick-control-bottom-range-content-item-ellipsis {
    width: 83.2px;
    color: var(--semi-color-primary)
}

.semi-datepicker-quick-control-top-month-content, .semi-datepicker-quick-control-bottom-month-content {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(2,minmax(51px,58.5px));
    grid-gap: 8px;
    align-content: flex-start;
    padding: 8px 20px
}

.semi-datepicker-quick-control-top-month-content-item, .semi-datepicker-quick-control-bottom-month-content-item {
    max-width: 58.5px
}

.semi-datepicker-quick-control-top-month-content-item-ellipsis, .semi-datepicker-quick-control-bottom-month-content-item-ellipsis {
    max-width: 42.5px;
    color: var(--semi-color-primary)
}

.semi-datepicker-quick-control-month {
    max-width: 284px
}

    .semi-datepicker-quick-control-month[x-insetinput=true] .semi-datepicker-quick-control-right-content-wrapper, .semi-datepicker-quick-control-month[x-insetinput=true] .semi-datepicker-quick-control-left-content-wrapper {
        max-height: 258px
    }

    .semi-datepicker-quick-control-month .semi-datepicker-quick-control-right-content-wrapper, .semi-datepicker-quick-control-month .semi-datepicker-quick-control-left-content-wrapper {
        max-height: 214px
    }

.semi-datepicker-quick-control-date {
    max-width: 284px
}

    .semi-datepicker-quick-control-date[x-insetinput=true] .semi-datepicker-quick-control-right-content-wrapper, .semi-datepicker-quick-control-date[x-insetinput=true] .semi-datepicker-quick-control-left-content-wrapper {
        max-height: 309px
    }

    .semi-datepicker-quick-control-date .semi-datepicker-quick-control-right-content-wrapper, .semi-datepicker-quick-control-date .semi-datepicker-quick-control-left-content-wrapper {
        max-height: 273px
    }

.semi-datepicker-quick-control-dateTime {
    max-width: 284px
}

    .semi-datepicker-quick-control-dateTime[x-insetinput=true] .semi-datepicker-quick-control-right-content-wrapper, .semi-datepicker-quick-control-dateTime[x-insetinput=true] .semi-datepicker-quick-control-left-content-wrapper {
        max-height: 309px
    }

    .semi-datepicker-quick-control-dateTime .semi-datepicker-quick-control-right-content-wrapper, .semi-datepicker-quick-control-dateTime .semi-datepicker-quick-control-left-content-wrapper {
        max-height: 326px
    }

.semi-datepicker-quick-control-dateRange {
    max-width: 568px
}

    .semi-datepicker-quick-control-dateRange[x-insetinput=true] .semi-datepicker-quick-control-right-content-wrapper, .semi-datepicker-quick-control-dateRange[x-insetinput=true] .semi-datepicker-quick-control-left-content-wrapper {
        max-height: 309px
    }

    .semi-datepicker-quick-control-dateRange .semi-datepicker-quick-control-right-content-wrapper, .semi-datepicker-quick-control-dateRange .semi-datepicker-quick-control-left-content-wrapper {
        max-height: 273px
    }

.semi-datepicker-quick-control-dateTimeRange {
    max-width: 568px
}

    .semi-datepicker-quick-control-dateTimeRange[x-insetinput=true] .semi-datepicker-quick-control-right-content-wrapper, .semi-datepicker-quick-control-dateTimeRange[x-insetinput=true] .semi-datepicker-quick-control-left-content-wrapper {
        max-height: 309px
    }

    .semi-datepicker-quick-control-dateTimeRange .semi-datepicker-quick-control-right-content-wrapper, .semi-datepicker-quick-control-dateTimeRange .semi-datepicker-quick-control-left-content-wrapper {
        max-height: 326px
    }

.semi-datepicker-topSlot {
    border-bottom: 1px solid var(--semi-color-border)
}

.semi-datepicker-leftSlot {
    border-right: 1px solid var(--semi-color-border)
}

.semi-datepicker-rightSlot {
    border-left: 1px solid var(--semi-color-border)
}

.semi-datepicker-bottomSlot {
    border-top: 1px solid var(--semi-color-border)
}

.semi-datepicker .semi-popover-trigger {
    width: 100%
}

    .semi-datepicker .semi-popover-trigger .semi-input-wrapper {
        font-size: 13px
    }

    .semi-datepicker .semi-popover-trigger .semi-input-suffix {
        color: var(--semi-color-primary)
    }

.semi-datepicker .semi-datepicker-input-readonly {
    cursor: pointer
}

.semi-datepicker-inset-input-wrapper {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    box-sizing: border-box;
    column-gap: 8px;
    padding: 12px 16px 0;
    width: 284px
}

    .semi-datepicker-inset-input-wrapper[x-type=dateRange], .semi-datepicker-inset-input-wrapper[x-type=dateTimeRange] {
        width: 568px
    }

    .semi-datepicker-inset-input-wrapper[x-type=month] {
        width: 165px
    }

    .semi-datepicker-inset-input-wrapper[x-type=monthRange] {
        width: 331px
    }

    .semi-datepicker-inset-input-wrapper .semi-input-wrapper {
        flex: 1;
        flex-shrink: 0
    }

.semi-datepicker-inset-input-separator {
    flex-grow: 0;
    flex-shrink: 0;
    height: 32px;
    line-height: 32px;
    padding: 0 4px;
    color: var(--semi-color-text-3)
}

.semi-datepicker-range-input {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    border-radius: var(--semi-border-radius-small);
    height: 36px;
    color: var(--semi-color-text-2);
    background-color: var(--semi-color-bg-1);
    border: 1px solid var(--semi-color-border)
}

    .semi-datepicker-range-input:hover, .semi-datepicker-range-input:active {
        border-color: var(--semi-color-border)
    }

    .semi-datepicker-range-input:focus-within {
        border-color: var(--semi-color-border)
    }

    .semi-datepicker-range-input .semi-datepicker-monthRange-input {
        background-color: transparent
    }

.semi-datepicker-range-input-wrapper {
    box-sizing: border-box;
    background-color: transparent;
    padding: 0 8px;
    height: 100%;
    width: 100%;
    border: 1px solid transparent;
    border-radius: var(--semi-border-radius-small);
    display: flex;
    align-items: center
}

    .semi-datepicker-range-input-wrapper .semi-input-wrapper {
        background-color: transparent;
        border: none
    }

.semi-datepicker-range-input-wrapper-focus {
    border-color: transparent;
    background-color: var(--semi-color-fill-1);
    border-radius: var(--semi-border-radius-small);
    transition: background-color .16s ease-in-out
}

    .semi-datepicker-range-input-wrapper-focus ~ .semi-datepicker-range-input-clearbtn {
        display: flex
    }

        .semi-datepicker-range-input-wrapper-focus ~ .semi-datepicker-range-input-clearbtn ~ .semi-datepicker-range-input-suffix {
            display: none
        }

.semi-datepicker-range-input-wrapper .semi-input {
    padding: 2px 4px
}

.semi-datepicker-range-input-wrapper-icon {
    flex-shrink: 0
}

.semi-datepicker-range-input-wrapper:hover {
    background-color: var(--semi-color-bg-0)
}

.semi-datepicker-range-input-wrapper-start {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.semi-datepicker-range-input-wrapper-start-with-prefix, .semi-datepicker-range-input-wrapper-end {
    border-radius: 0
}

.semi-datepicker-range-input-wrapper-active {
    border-color: var(--semi-color-focus-border);
    background-color: var(--semi-color-bg-0)
}

.semi-datepicker-range-input-separator {
    display: flex;
    align-items: center
}

.semi-datepicker-range-input-separator-active {
    color: var(--semi-color-text-0)
}

.semi-datepicker-range-input-small {
    height: 24px
}

.semi-datepicker-range-input-large {
    height: 40px
}

    .semi-datepicker-range-input-large .semi-input-default {
        font-size: 16px
    }

.semi-datepicker-range-input:hover .semi-datepicker-range-input-clearbtn {
    display: flex;
    cursor: pointer
}

    .semi-datepicker-range-input:hover .semi-datepicker-range-input-clearbtn ~ .semi-datepicker-range-input-suffix {
        display: none
    }

    .semi-datepicker-range-input:hover .semi-datepicker-range-input-clearbtn:hover {
        color: var(--semi-color-primary-hover)
    }

.semi-datepicker-range-input-disabled {
    cursor: not-allowed;
    color: var(--semi-color-disabled-text);
    background-color: var(--semi-color-disabled-fill)
}

    .semi-datepicker-range-input-disabled .semi-datepicker-range-input-wrapper:hover {
        background-color: transparent
    }

    .semi-datepicker-range-input-disabled:hover {
        background-color: var(--semi-color-disabled-fill)
    }

    .semi-datepicker-range-input-disabled .semi-datepicker-range-input-prefix, .semi-datepicker-range-input-disabled .semi-datepicker-range-input-suffix, .semi-datepicker-range-input-disabled .semi-datepicker-range-input-clearbtn {
        color: var(--semi-color-disabled-text)
    }

.semi-datepicker-range-input-warning {
    background-color: var(--semi-color-warning-light-default)
}

    .semi-datepicker-range-input-warning .semi-datepicker-range-input-wrapper:hover {
        background-color: var(--semi-color-warning-light-hover)
    }

    .semi-datepicker-range-input-warning .semi-datepicker-range-input-wrapper-active {
        border-color: var(--semi-color-warning);
        background-color: var(--semi-color-warning-light-hover)
    }

.semi-datepicker-range-input-error {
    background-color: var(--semi-color-danger-light-default)
}

    .semi-datepicker-range-input-error .semi-datepicker-range-input-wrapper:hover {
        background-color: var(--semi-color-danger-light-hover)
    }

    .semi-datepicker-range-input-error .semi-datepicker-range-input-wrapper-active {
        border-color: var(--semi-color-danger);
        background-color: var(--semi-color-danger-light-hover)
    }

.semi-datepicker-range-input .semi-datepicker-range-input-clearbtn {
    display: none
}

.semi-datepicker-range-input-prefix, .semi-datepicker-range-input-suffix, .semi-datepicker-range-input-clearbtn {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    white-space: nowrap;
    color: var(--semi-color-text-2)
}

.semi-datepicker-range-input-prefix {
    padding-left: 12px;
    padding-right: 8px
}

.semi-datepicker-range-input-suffix {
    padding-left: 8px;
    padding-right: 12px
}

.semi-datepicker-range-input-suffix-hidden {
    display: none
}

.semi-datepicker-range-input-clearbtn {
    padding-left: 8px;
    padding-right: 12px
}

.semi-datepicker-compact {
    font-size: 12px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 16px;
    line-height: 20px
}

    .semi-datepicker-compact .semi-datepicker-month-grid[x-type=dateTime] .semi-datepicker-yam, .semi-datepicker-compact .semi-datepicker-month-grid[x-type=dateTimeRange] .semi-datepicker-yam {
        height: calc(100% - 32px)
    }

    .semi-datepicker-compact .semi-datepicker-month-grid[x-type=dateRange] .semi-datepicker-month-grid-left, .semi-datepicker-compact .semi-datepicker-month-grid[x-type=dateTimeRange] .semi-datepicker-month-grid-left {
        border-right: 1px solid var(--semi-color-border)
    }

    .semi-datepicker-compact .semi-datepicker-month-grid .semi-datepicker-yam-showing {
        min-height: 288px;
        min-width: 216px
    }

    .semi-datepicker-compact .semi-datepicker-month-grid[x-type=date] .semi-datepicker-yam-showing {
        min-height: 256px
    }

    .semi-datepicker-compact .semi-datepicker-month-grid[x-preset-position=left][x-insetinput=false] .semi-datepicker-month, .semi-datepicker-compact .semi-datepicker-month-grid[x-preset-position=right][x-insetinput=false] .semi-datepicker-month {
        height: 220px
    }

    .semi-datepicker-compact .semi-datepicker-month-grid .semi-datepicker-yearmonth-header {
        box-sizing: border-box;
        height: 48px;
        padding: 12px
    }

    .semi-datepicker-compact .semi-datepicker-month-grid .semi-datepicker-yearmonth-body {
        display: flex
    }

        .semi-datepicker-compact .semi-datepicker-month-grid .semi-datepicker-yearmonth-body .semi-scrolllist:nth-child(2) {
            border: 1px solid var(--semi-color-border)
        }

    .semi-datepicker-compact .semi-datepicker-month-grid .semi-scrolllist {
        font-size: 12px;
        font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
        line-height: 16px;
        line-height: 20px
    }

    .semi-datepicker-compact .semi-datepicker-month-grid .semi-scrolllist-header {
        display: none
    }

    .semi-datepicker-compact .semi-datepicker-month-grid .semi-scrolllist-list-outer > ul > li {
        height: 32px
    }

    .semi-datepicker-compact .semi-datepicker-month-grid .semi-scrolllist-item-wheel {
        border-right: 0
    }

        .semi-datepicker-compact .semi-datepicker-month-grid .semi-scrolllist-item-wheel .semi-scrolllist-selector {
            height: 32px
        }

        .semi-datepicker-compact .semi-datepicker-month-grid .semi-scrolllist-item-wheel .semi-scrolllist-shade-pre {
            margin-top: -17px
        }

        .semi-datepicker-compact .semi-datepicker-month-grid .semi-scrolllist-item-wheel .semi-scrolllist-shade-post {
            margin-top: 17px
        }

    .semi-datepicker-compact .semi-datepicker-month-grid[x-panel-yearandmonth-open-type=left] .semi-datepicker-weeks, .semi-datepicker-compact .semi-datepicker-month-grid[x-panel-yearandmonth-open-type=right] .semi-datepicker-weeks {
        min-height: 168px
    }

    .semi-datepicker-compact .semi-datepicker-month-grid[x-insetinput=true] .semi-datepicker-month-grid-left[x-open-type=year], .semi-datepicker-compact .semi-datepicker-month-grid[x-insetinput=true] .semi-datepicker-month-grid-right[x-open-type=year], .semi-datepicker-compact .semi-datepicker-month-grid[x-insetinput=true] .semi-datepicker-month-grid-left[x-open-type=time], .semi-datepicker-compact .semi-datepicker-month-grid[x-insetinput=true] .semi-datepicker-month-grid-right[x-open-type=time], .semi-datepicker-compact .semi-datepicker-month-grid[x-insetinput=true] .semi-datepicker-yam-showing {
        min-height: 256px
    }

    .semi-datepicker-compact .semi-datepicker-month-grid[x-insetinput=true] .semi-datepicker-tpk {
        min-height: 100%
    }

    .semi-datepicker-compact .semi-datepicker-month-grid[x-insetinput=true][x-type=dateTime] .semi-datepicker-yam, .semi-datepicker-compact .semi-datepicker-month-grid[x-insetinput=true][x-type=dateTimeRange] .semi-datepicker-yam {
        height: 100%
    }

    .semi-datepicker-compact.semi-datepicker-panel-yam .semi-scrolllist {
        font-size: 12px;
        font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
        line-height: 16px;
        line-height: 20px
    }

    .semi-datepicker-compact .semi-datepicker-tpk {
        height: calc(100% - 32px)
    }

    .semi-datepicker-compact .semi-datepicker-navigation {
        height: 24px;
        padding: 12px 12px 0
    }

    .semi-datepicker-compact .semi-datepicker-navigation-left, .semi-datepicker-compact .semi-datepicker-navigation-right {
        width: 24px;
        height: 24px
    }

    .semi-datepicker-compact .semi-datepicker-navigation .semi-button {
        min-width: 24px;
        min-height: 24px
    }

    .semi-datepicker-compact .semi-datepicker-navigation-month .semi-button {
        font-size: 12px;
        font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
        line-height: 16px;
        line-height: 20px
    }

    .semi-datepicker-compact .semi-datepicker-month {
        width: 216px;
        padding: 0
    }

    .semi-datepicker-compact .semi-datepicker-weeks {
        padding: 6px 10px 10px
    }

    .semi-datepicker-compact .semi-datepicker-weekday {
        box-sizing: border-box;
        height: 36px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 8px;
        border-bottom: 1px solid var(--semi-color-border)
    }

    .semi-datepicker-compact .semi-datepicker-weekday-item {
        width: 28px;
        height: 28px;
        line-height: 28px
    }

    .semi-datepicker-compact .semi-datepicker-day {
        width: 28px;
        height: 28px
    }

    .semi-datepicker-compact .semi-datepicker-day-main {
        width: 24px;
        height: 24px
    }

    .semi-datepicker-compact .semi-datepicker-day-inrange .semi-datepicker-day-main, .semi-datepicker-compact .semi-datepicker-day-inhover .semi-datepicker-day-main, .semi-datepicker-compact .semi-datepicker-day-inoffsetrange .semi-datepicker-day-main, .semi-datepicker-compact .semi-datepicker-day-hoverday .semi-datepicker-day-main, .semi-datepicker-compact .semi-datepicker-day-selectedrange-hover .semi-datepicker-day-main {
        width: 28px
    }

    .semi-datepicker-compact .semi-datepicker-day-selected-start.semi-datepicker-day-selected-end .semi-datepicker-day-main, .semi-datepicker-compact .semi-datepicker-day-offsetrange-start.semi-datepicker-day-offsetrange-end .semi-datepicker-day-main {
        border-radius: 4px
    }

    .semi-datepicker-compact .semi-datepicker-day-offsetrange-start .semi-datepicker-day-main {
        border-radius: 4px 0 0 4px
    }

    .semi-datepicker-compact .semi-datepicker-day-offsetrange-end .semi-datepicker-day-main {
        border-radius: 0 4px 4px 0
    }

    .semi-datepicker-compact .semi-datepicker-day-hoverday-beforerange .semi-datepicker-day-main {
        border-radius: 4px 0 0 4px
    }

    .semi-datepicker-compact .semi-datepicker-day-hoverday-afterrange .semi-datepicker-day-main {
        border-radius: 0 4px 4px 0
    }

    .semi-datepicker-compact .semi-datepicker-day-selected-start .semi-datepicker-day-main, .semi-datepicker-compact .semi-datepicker-day-offsetrange-start .semi-datepicker-day-main {
        width: 34px;
        margin-left: 2px;
        margin-right: 0;
        border-radius: 4px 0 0 4px
    }

    .semi-datepicker-compact .semi-datepicker-day-selected-end .semi-datepicker-day-main, .semi-datepicker-compact .semi-datepicker-day-offsetrange-end .semi-datepicker-day-main {
        width: 34px;
        margin-right: 2px;
        margin-left: 0;
        border-radius: 0 4px 4px 0
    }

    .semi-datepicker-compact .semi-datepicker-switch {
        box-sizing: border-box;
        height: 32px
    }

    .semi-datepicker-compact .semi-datepicker-switch-date, .semi-datepicker-compact .semi-datepicker-switch-time {
        padding-top: 6px;
        padding-bottom: 6px
    }

    .semi-datepicker-compact .semi-datepicker-switch-date {
        border-right: 1px solid var(--semi-color-border)
    }

    .semi-datepicker-compact .semi-datepicker-switch-text {
        padding-left: 0
    }

    .semi-datepicker-compact .semi-datepicker-quick-control-header {
        padding: 16px 12px 0;
        font-weight: 600
    }

    .semi-datepicker-compact .semi-datepicker-quick-control-left-content-wrapper, .semi-datepicker-compact .semi-datepicker-quick-control-right-content-wrapper {
        margin-top: 12px
    }

    .semi-datepicker-compact .semi-datepicker-quick-control-left-content, .semi-datepicker-compact .semi-datepicker-quick-control-right-content {
        box-sizing: border-box;
        display: grid;
        align-content: flex-start;
        grid-gap: 8px;
        grid-template-columns: repeat(2,minmax(76.5px,84px));
        padding: 0 12px 12px
    }

    .semi-datepicker-compact .semi-datepicker-quick-control-left-content-item, .semi-datepicker-compact .semi-datepicker-quick-control-right-content-item {
        max-width: 84px
    }

    .semi-datepicker-compact .semi-datepicker-quick-control-left-content-item-ellipsis, .semi-datepicker-compact .semi-datepicker-quick-control-right-content-item-ellipsis {
        width: 68px;
        font-size: 12px;
        color: var(--semi-color-primary)
    }

    .semi-datepicker-compact .semi-datepicker-quick-control-top-content, .semi-datepicker-compact .semi-datepicker-quick-control-bottom-content {
        box-sizing: border-box;
        display: grid;
        grid-gap: 8px;
        grid-template-columns: repeat(3,minmax(54.94px,59.94px));
        align-content: flex-start;
        padding: 8px 10px
    }

    .semi-datepicker-compact .semi-datepicker-quick-control-top-content-item, .semi-datepicker-compact .semi-datepicker-quick-control-bottom-content-item {
        max-width: 59.94px
    }

    .semi-datepicker-compact .semi-datepicker-quick-control-top-content-item-ellipsis, .semi-datepicker-compact .semi-datepicker-quick-control-bottom-content-item-ellipsis {
        width: 43.94px;
        font-size: 12px;
        color: var(--semi-color-primary)
    }

    .semi-datepicker-compact .semi-datepicker-quick-control-top-range-content, .semi-datepicker-compact .semi-datepicker-quick-control-bottom-range-content {
        display: grid;
        grid-template-columns: repeat(5,minmax(73px,76px));
        grid-gap: 8px;
        align-content: flex-start;
        padding: 8px 10px
    }

    .semi-datepicker-compact .semi-datepicker-quick-control-top-range-content-item, .semi-datepicker-compact .semi-datepicker-quick-control-bottom-range-content-item {
        max-width: 76px
    }

    .semi-datepicker-compact .semi-datepicker-quick-control-top-range-content-item-ellipsis, .semi-datepicker-compact .semi-datepicker-quick-control-bottom-range-content-item-ellipsis {
        width: 60px;
        font-size: 12px;
        color: var(--semi-color-primary)
    }

    .semi-datepicker-compact .semi-datepicker-quick-control-top-month-content, .semi-datepicker-compact .semi-datepicker-quick-control-bottom-month-content {
        display: grid;
        grid-template-columns: repeat(2,minmax(61px,68.5px));
        grid-gap: 8px;
        align-content: flex-start;
        padding: 8px 10px
    }

    .semi-datepicker-compact .semi-datepicker-quick-control-top-month-content-item, .semi-datepicker-compact .semi-datepicker-quick-control-bottom-month-content-item {
        max-width: 68.5px
    }

    .semi-datepicker-compact .semi-datepicker-quick-control-top-month-content-item-ellipsis, .semi-datepicker-compact .semi-datepicker-quick-control-bottom-month-content-item-ellipsis {
        max-width: 52.5px;
        font-size: 12px;
        color: var(--semi-color-primary)
    }

    .semi-datepicker-compact .semi-datepicker-quick-control-month {
        max-width: 216px
    }

        .semi-datepicker-compact .semi-datepicker-quick-control-month[x-insetinput=true] .semi-datepicker-quick-control-right-content-wrapper, .semi-datepicker-compact .semi-datepicker-quick-control-month[x-insetinput=true] .semi-datepicker-quick-control-left-content-wrapper {
            max-height: 254px
        }

        .semi-datepicker-compact .semi-datepicker-quick-control-month .semi-datepicker-quick-control-right-content-wrapper, .semi-datepicker-compact .semi-datepicker-quick-control-month .semi-datepicker-quick-control-left-content-wrapper {
            max-height: 218px
        }

    .semi-datepicker-compact .semi-datepicker-quick-control-date {
        max-width: 216px
    }

        .semi-datepicker-compact .semi-datepicker-quick-control-date[x-insetinput=true] .semi-datepicker-quick-control-right-content-wrapper, .semi-datepicker-compact .semi-datepicker-quick-control-date[x-insetinput=true] .semi-datepicker-quick-control-left-content-wrapper {
            max-height: 248px
        }

        .semi-datepicker-compact .semi-datepicker-quick-control-date .semi-datepicker-quick-control-right-content-wrapper, .semi-datepicker-compact .semi-datepicker-quick-control-date .semi-datepicker-quick-control-left-content-wrapper {
            max-height: 208px
        }

    .semi-datepicker-compact .semi-datepicker-quick-control-dateTime {
        max-width: 216px
    }

        .semi-datepicker-compact .semi-datepicker-quick-control-dateTime[x-insetinput=true] .semi-datepicker-quick-control-right-content-wrapper, .semi-datepicker-compact .semi-datepicker-quick-control-dateTime[x-insetinput=true] .semi-datepicker-quick-control-left-content-wrapper {
            max-height: 248px
        }

        .semi-datepicker-compact .semi-datepicker-quick-control-dateTime .semi-datepicker-quick-control-right-content-wrapper, .semi-datepicker-compact .semi-datepicker-quick-control-dateTime .semi-datepicker-quick-control-left-content-wrapper {
            max-height: 240px
        }

    .semi-datepicker-compact .semi-datepicker-quick-control-dateRange {
        max-width: 432px
    }

        .semi-datepicker-compact .semi-datepicker-quick-control-dateRange[x-insetinput=true] .semi-datepicker-quick-control-right-content-wrapper, .semi-datepicker-compact .semi-datepicker-quick-control-dateRange[x-insetinput=true] .semi-datepicker-quick-control-left-content-wrapper {
            max-height: 248px
        }

        .semi-datepicker-compact .semi-datepicker-quick-control-dateRange .semi-datepicker-quick-control-right-content-wrapper, .semi-datepicker-compact .semi-datepicker-quick-control-dateRange .semi-datepicker-quick-control-left-content-wrapper {
            max-height: 208px
        }

    .semi-datepicker-compact .semi-datepicker-quick-control-dateTimeRange {
        max-width: 432px
    }

        .semi-datepicker-compact .semi-datepicker-quick-control-dateTimeRange[x-insetinput=true] .semi-datepicker-quick-control-right-content-wrapper, .semi-datepicker-compact .semi-datepicker-quick-control-dateTimeRange[x-insetinput=true] .semi-datepicker-quick-control-left-content-wrapper {
            max-height: 248px
        }

        .semi-datepicker-compact .semi-datepicker-quick-control-dateTimeRange .semi-datepicker-quick-control-right-content-wrapper, .semi-datepicker-compact .semi-datepicker-quick-control-dateTimeRange .semi-datepicker-quick-control-left-content-wrapper {
            max-height: 240px
        }

    .semi-datepicker-compact .semi-datepicker-footer {
        padding-top: 10px;
        padding-right: 8px;
        padding-bottom: 10px
    }

    .semi-datepicker-compact .semi-datepicker-inset-input-wrapper {
        column-gap: 4px;
        padding: 8px 8px 0;
        width: 216px
    }

        .semi-datepicker-compact .semi-datepicker-inset-input-wrapper[x-type=dateRange], .semi-datepicker-compact .semi-datepicker-inset-input-wrapper[x-type=dateTimeRange] {
            width: 432px;
            padding-top: 0
        }

            .semi-datepicker-compact .semi-datepicker-inset-input-wrapper[x-type=dateRange] .semi-input-wrapper, .semi-datepicker-compact .semi-datepicker-inset-input-wrapper[x-type=dateTimeRange] .semi-input-wrapper {
                margin-top: 8px
            }

        .semi-datepicker-compact .semi-datepicker-inset-input-wrapper[x-type=month] {
            width: 195px
        }

        .semi-datepicker-compact .semi-datepicker-inset-input-wrapper .semi-input-wrapper {
            height: 28px;
            box-sizing: border-box
        }

            .semi-datepicker-compact .semi-datepicker-inset-input-wrapper .semi-input-wrapper .semi-input {
                font-size: 12px;
                line-height: 26px;
                height: 26px;
                vertical-align: top
            }

    .semi-datepicker-compact .semi-datepicker-inset-input-separator {
        border-left: 1px solid var(--semi-color-border);
        transform: translate(50%);
        height: auto
    }

.semi-popover-wrapper[x-placement^=top] .semi-datepicker .semi-datepicker-weeks, .semi-popover-wrapper[x-placement=leftTop] .semi-datepicker .semi-datepicker-weeks, .semi-popover-wrapper[x-placement=rightTop] .semi-datepicker .semi-datepicker-weeks, .semi-popover-wrapper[x-placement*=BottomOver] .semi-datepicker .semi-datepicker-weeks {
    min-height: 216px
}

.semi-popover-wrapper[x-placement^=top] .semi-datepicker-compact .semi-datepicker-weeks, .semi-popover-wrapper[x-placement=leftTop] .semi-datepicker-compact .semi-datepicker-weeks, .semi-popover-wrapper[x-placement=rightTop] .semi-datepicker-compact .semi-datepicker-weeks, .semi-popover-wrapper[x-placement*=BottomOver] .semi-datepicker-compact .semi-datepicker-weeks {
    min-height: 168px
}

.semi-datepicker-borderless:not(:focus-within):not(:hover) {
    background-color: transparent;
    border-color: transparent
}

    .semi-datepicker-borderless:not(:focus-within):not(:hover) .semi-input-suffix, .semi-datepicker-borderless:not(:focus-within):not(:hover) .semi-datepicker-range-input-suffix {
        opacity: 0
    }

.semi-datepicker-borderless:focus-within:not(:active) {
    background-color: transparent
}

.semi-datepicker-borderless.semi-datepicker-range-input-error .semi-datepicker-range-input-wrapper-active {
    border-color: transparent
}

.semi-datepicker-borderless.semi-datepicker-range-input-error:hover {
    background-color: var(--semi-color-danger-light-default)
}

.semi-datepicker-borderless.semi-datepicker-range-input-error:focus-within {
    background-color: var(--semi-color-danger-light-default)
}

.semi-datepicker-borderless.semi-datepicker-range-input-error:not(:focus-within) {
    border-width: 1px;
    border-color: var(--semi-color-danger)
}

.semi-datepicker-borderless.semi-datepicker-range-input-error:focus-within {
    border-width: 1px;
    border-color: var(--semi-color-danger)
}

.semi-datepicker-borderless.semi-datepicker-range-input-warning .semi-datepicker-range-input-wrapper-active {
    border-color: transparent
}

.semi-datepicker-borderless.semi-datepicker-range-input-warning:hover {
    background-color: var(--semi-color-warning-light-default)
}

.semi-datepicker-borderless.semi-datepicker-range-input-warning:focus-within {
    background-color: var(--semi-color-warning-light-default)
}

.semi-datepicker-borderless.semi-datepicker-range-input-warning:not(:focus-within) {
    border-width: 1px;
    border-color: var(--semi-color-warning)
}

.semi-datepicker-borderless.semi-datepicker-range-input-warning:focus-within {
    border-width: 1px;
    border-color: var(--semi-color-warning)
}

.semi-rtl .semi-datepicker, .semi-portal-rtl .semi-datepicker {
    direction: rtl
}

.semi-rtl .semi-datepicker-footer, .semi-portal-rtl .semi-datepicker-footer {
    padding-right: 0;
    padding-left: 8px;
    text-align: left
}

    .semi-rtl .semi-datepicker-footer .semi-button:first-of-type, .semi-portal-rtl .semi-datepicker-footer .semi-button:first-of-type {
        margin-left: 0;
        margin-right: 0
    }

    .semi-rtl .semi-datepicker-footer .semi-button:nth-of-type(2), .semi-portal-rtl .semi-datepicker-footer .semi-button:nth-of-type(2) {
        margin-right: 12px;
        margin-left: 0
    }

.semi-rtl .semi-datepicker-day-offsetrange-start .semi-datepicker-day-main, .semi-portal-rtl .semi-datepicker-day-offsetrange-start .semi-datepicker-day-main {
    border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0
}

.semi-rtl .semi-datepicker-day-offsetrange-end .semi-datepicker-day-main, .semi-portal-rtl .semi-datepicker-day-offsetrange-end .semi-datepicker-day-main {
    border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small)
}

.semi-rtl .semi-datepicker-day-selected-start .semi-datepicker-day-main, .semi-rtl .semi-datepicker-day-hoverday-before-selectedrange .semi-datepicker-day-main, .semi-rtl .semi-datepicker-day-offsetrange-start .semi-datepicker-day-main, .semi-portal-rtl .semi-datepicker-day-selected-start .semi-datepicker-day-main, .semi-portal-rtl .semi-datepicker-day-hoverday-before-selectedrange .semi-datepicker-day-main, .semi-portal-rtl .semi-datepicker-day-offsetrange-start .semi-datepicker-day-main {
    margin-right: 2px;
    margin-left: auto;
    border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0
}

.semi-rtl .semi-datepicker-day-selected-end .semi-datepicker-day-main, .semi-rtl .semi-datepicker-day-hoverday-after-selectedrange .semi-datepicker-day-main, .semi-rtl .semi-datepicker-day-offsetrange-end .semi-datepicker-day-main, .semi-portal-rtl .semi-datepicker-day-selected-end .semi-datepicker-day-main, .semi-portal-rtl .semi-datepicker-day-hoverday-after-selectedrange .semi-datepicker-day-main, .semi-portal-rtl .semi-datepicker-day-offsetrange-end .semi-datepicker-day-main {
    margin-left: 2px;
    margin-right: auto;
    border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small)
}

.semi-rtl .semi-datepicker-switch-text, .semi-portal-rtl .semi-datepicker-switch-text {
    padding-left: 0;
    padding-right: 8px
}

.semi-rtl .semi-datepicker-navigation .semi-icon-chevron_left, .semi-rtl .semi-datepicker-navigation .semi-icon-chevron_right, .semi-rtl .semi-datepicker-navigation .semi-icon-double_chevron_left, .semi-rtl .semi-datepicker-navigation .semi-icon-double_chevron_right, .semi-rtl .semi-datepicker-yam .semi-icon-chevron_left, .semi-rtl .semi-datepicker-yam .semi-icon-chevron_right, .semi-rtl .semi-datepicker-yam .semi-icon-double_chevron_left, .semi-rtl .semi-datepicker-yam .semi-icon-double_chevron_right, .semi-portal-rtl .semi-datepicker-navigation .semi-icon-chevron_left, .semi-portal-rtl .semi-datepicker-navigation .semi-icon-chevron_right, .semi-portal-rtl .semi-datepicker-navigation .semi-icon-double_chevron_left, .semi-portal-rtl .semi-datepicker-navigation .semi-icon-double_chevron_right, .semi-portal-rtl .semi-datepicker-yam .semi-icon-chevron_left, .semi-portal-rtl .semi-datepicker-yam .semi-icon-chevron_right, .semi-portal-rtl .semi-datepicker-yam .semi-icon-double_chevron_left, .semi-portal-rtl .semi-datepicker-yam .semi-icon-double_chevron_right {
    transform: scaleX(-1)
}

.semi-rtl .semi-datepicker-range-input-prefix, .semi-portal-rtl .semi-datepicker-range-input-prefix {
    padding-left: 8px;
    padding-right: 12px
}

.semi-rtl .semi-datepicker-range-input-suffix, .semi-portal-rtl .semi-datepicker-range-input-suffix {
    padding-left: 12px;
    padding-right: 8px
}

.semi-rtl .semi-datepicker-range-input-suffix-hidden, .semi-portal-rtl .semi-datepicker-range-input-suffix-hidden {
    display: none
}

.semi-rtl .semi-datepicker-range-input-clearbtn, .semi-portal-rtl .semi-datepicker-range-input-clearbtn {
    padding-left: 12px;
    padding-right: 8px
}

.semi-rtl .semi-datepicker-compact .semi-datepicker-month-grid[x-type=dateRange] .semi-datepicker-month-grid-left, .semi-rtl .semi-datepicker-compact .semi-datepicker-month-grid[x-type=dateTimeRange] .semi-datepicker-month-grid-left, .semi-portal-rtl .semi-datepicker-compact .semi-datepicker-month-grid[x-type=dateRange] .semi-datepicker-month-grid-left, .semi-portal-rtl .semi-datepicker-compact .semi-datepicker-month-grid[x-type=dateTimeRange] .semi-datepicker-month-grid-left {
    border-left: 1px solid var(--semi-color-border);
    border-right: 0
}

.semi-rtl .semi-datepicker-compact .semi-datepicker-month-grid .semi-scrolllist-item-wheel, .semi-portal-rtl .semi-datepicker-compact .semi-datepicker-month-grid .semi-scrolllist-item-wheel {
    border-left: 0;
    border-right: 0
}

.semi-rtl .semi-datepicker-compact .semi-datepicker-day-offsetrange-start .semi-datepicker-day-main, .semi-portal-rtl .semi-datepicker-compact .semi-datepicker-day-offsetrange-start .semi-datepicker-day-main {
    border-radius: 0 4px 4px 0
}

.semi-rtl .semi-datepicker-compact .semi-datepicker-day-offsetrange-end .semi-datepicker-day-main, .semi-portal-rtl .semi-datepicker-compact .semi-datepicker-day-offsetrange-end .semi-datepicker-day-main {
    border-radius: 4px 0 0 4px
}

.semi-rtl .semi-datepicker-compact .semi-datepicker-day-selected-start .semi-datepicker-day-main, .semi-portal-rtl .semi-datepicker-compact .semi-datepicker-day-selected-start .semi-datepicker-day-main {
    margin-left: 0;
    margin-right: 2px;
    border-radius: 0 4px 4px 0
}

.semi-rtl .semi-datepicker-compact .semi-datepicker-day-selected-end .semi-datepicker-day-main, .semi-portal-rtl .semi-datepicker-compact .semi-datepicker-day-selected-end .semi-datepicker-day-main {
    margin-right: 0;
    margin-left: 2px;
    border-radius: 4px 0 0 4px
}

.semi-rtl .semi-datepicker-compact .semi-datepicker-switch-date, .semi-portal-rtl .semi-datepicker-compact .semi-datepicker-switch-date {
    border-left: 1px solid var(--semi-color-border);
    border-right: 0
}

.semi-rtl .semi-datepicker-compact .semi-datepicker-switch-text, .semi-portal-rtl .semi-datepicker-compact .semi-datepicker-switch-text {
    padding-left: auto;
    padding-right: 0
}

.semi-rtl .semi-datepicker-compact .semi-datepicker-footer, .semi-portal-rtl .semi-datepicker-compact .semi-datepicker-footer {
    padding-left: 8px;
    padding-right: auto
}

.semi-rtl .semi-datepicker-compact .semi-datepicker-inset-input-separator, .semi-portal-rtl .semi-datepicker-compact .semi-datepicker-inset-input-separator {
    border-right: 1px solid var(--semi-color-border);
    border-left: 0;
    transform: translate(-50%)
}

.semi-row {
    display: block;
    box-sizing: border-box;
    position: relative;
    height: auto;
    margin-right: 0;
    margin-left: 0;
    zoom: 1
}

    .semi-row:before, .semi-row:after {
        display: table;
        content: ""
    }

    .semi-row:after {
        clear: both
    }

.semi-row-flex {
    display: flex;
    flex-flow: row wrap
}

    .semi-row-flex:before, .semi-row-flex:after {
        display: flex
    }

.semi-col-0, .semi-col-xs-0, .semi-col-sm-0, .semi-col-md-0, .semi-col-lg-0, .semi-col-xl-0, .semi-col-xxl-0 {
    display: none
}

.semi-row-flex-start {
    justify-content: flex-start
}

.semi-row-flex-center {
    justify-content: center
}

.semi-row-flex-end {
    justify-content: flex-end
}

.semi-row-flex-space-between {
    justify-content: space-between
}

.semi-row-flex-space-around {
    justify-content: space-around
}

.semi-row-flex-top {
    align-items: flex-start
}

.semi-row-flex-middle {
    align-items: center
}

.semi-row-flex-bottom {
    align-items: flex-end
}

.semi-col {
    position: relative
}

.semi-col-1, .semi-col-xs-1, .semi-col-sm-1, .semi-col-md-1, .semi-col-lg-1, .semi-col-2, .semi-col-xs-2, .semi-col-sm-2, .semi-col-md-2, .semi-col-lg-2, .semi-col-3, .semi-col-xs-3, .semi-col-sm-3, .semi-col-md-3, .semi-col-lg-3, .semi-col-4, .semi-col-xs-4, .semi-col-sm-4, .semi-col-md-4, .semi-col-lg-4, .semi-col-5, .semi-col-xs-5, .semi-col-sm-5, .semi-col-md-5, .semi-col-lg-5, .semi-col-6, .semi-col-xs-6, .semi-col-sm-6, .semi-col-md-6, .semi-col-lg-6, .semi-col-7, .semi-col-xs-7, .semi-col-sm-7, .semi-col-md-7, .semi-col-lg-7, .semi-col-8, .semi-col-xs-8, .semi-col-sm-8, .semi-col-md-8, .semi-col-lg-8, .semi-col-9, .semi-col-xs-9, .semi-col-sm-9, .semi-col-md-9, .semi-col-lg-9, .semi-col-10, .semi-col-xs-10, .semi-col-sm-10, .semi-col-md-10, .semi-col-lg-10, .semi-col-11, .semi-col-xs-11, .semi-col-sm-11, .semi-col-md-11, .semi-col-lg-11, .semi-col-12, .semi-col-xs-12, .semi-col-sm-12, .semi-col-md-12, .semi-col-lg-12, .semi-col-13, .semi-col-xs-13, .semi-col-sm-13, .semi-col-md-13, .semi-col-lg-13, .semi-col-14, .semi-col-xs-14, .semi-col-sm-14, .semi-col-md-14, .semi-col-lg-14, .semi-col-15, .semi-col-xs-15, .semi-col-sm-15, .semi-col-md-15, .semi-col-lg-15, .semi-col-16, .semi-col-xs-16, .semi-col-sm-16, .semi-col-md-16, .semi-col-lg-16, .semi-col-17, .semi-col-xs-17, .semi-col-sm-17, .semi-col-md-17, .semi-col-lg-17, .semi-col-18, .semi-col-xs-18, .semi-col-sm-18, .semi-col-md-18, .semi-col-lg-18, .semi-col-19, .semi-col-xs-19, .semi-col-sm-19, .semi-col-md-19, .semi-col-lg-19, .semi-col-20, .semi-col-xs-20, .semi-col-sm-20, .semi-col-md-20, .semi-col-lg-20, .semi-col-21, .semi-col-xs-21, .semi-col-sm-21, .semi-col-md-21, .semi-col-lg-21, .semi-col-22, .semi-col-xs-22, .semi-col-sm-22, .semi-col-md-22, .semi-col-lg-22, .semi-col-23, .semi-col-xs-23, .semi-col-sm-23, .semi-col-md-23, .semi-col-lg-23, .semi-col-24, .semi-col-xs-24, .semi-col-sm-24, .semi-col-md-24, .semi-col-lg-24 {
    position: relative;
    min-height: 1px;
    padding-right: 0;
    padding-left: 0
}

.semi-col-1, .semi-col-2, .semi-col-3, .semi-col-4, .semi-col-5, .semi-col-6, .semi-col-7, .semi-col-8, .semi-col-9, .semi-col-10, .semi-col-11, .semi-col-12, .semi-col-13, .semi-col-14, .semi-col-15, .semi-col-16, .semi-col-17, .semi-col-18, .semi-col-19, .semi-col-20, .semi-col-21, .semi-col-22, .semi-col-23, .semi-col-24 {
    flex: 0 0 auto;
    float: left
}

.semi-col-1 {
    display: block;
    box-sizing: border-box;
    width: 4.1666666667%
}

.semi-col-push-1 {
    left: 4.1666666667%
}

.semi-col-pull-1 {
    right: 4.1666666667%
}

.semi-col-offset-1 {
    margin-left: 4.1666666667%
}

.semi-col-order-1 {
    order: 1
}

.semi-col-2 {
    display: block;
    box-sizing: border-box;
    width: 8.3333333333%
}

.semi-col-push-2 {
    left: 8.3333333333%
}

.semi-col-pull-2 {
    right: 8.3333333333%
}

.semi-col-offset-2 {
    margin-left: 8.3333333333%
}

.semi-col-order-2 {
    order: 2
}

.semi-col-3 {
    display: block;
    box-sizing: border-box;
    width: 12.5%
}

.semi-col-push-3 {
    left: 12.5%
}

.semi-col-pull-3 {
    right: 12.5%
}

.semi-col-offset-3 {
    margin-left: 12.5%
}

.semi-col-order-3 {
    order: 3
}

.semi-col-4 {
    display: block;
    box-sizing: border-box;
    width: 16.6666666667%
}

.semi-col-push-4 {
    left: 16.6666666667%
}

.semi-col-pull-4 {
    right: 16.6666666667%
}

.semi-col-offset-4 {
    margin-left: 16.6666666667%
}

.semi-col-order-4 {
    order: 4
}

.semi-col-5 {
    display: block;
    box-sizing: border-box;
    width: 20.8333333333%
}

.semi-col-push-5 {
    left: 20.8333333333%
}

.semi-col-pull-5 {
    right: 20.8333333333%
}

.semi-col-offset-5 {
    margin-left: 20.8333333333%
}

.semi-col-order-5 {
    order: 5
}

.semi-col-6 {
    display: block;
    box-sizing: border-box;
    width: 25%
}

.semi-col-push-6 {
    left: 25%
}

.semi-col-pull-6 {
    right: 25%
}

.semi-col-offset-6 {
    margin-left: 25%
}

.semi-col-order-6 {
    order: 6
}

.semi-col-7 {
    display: block;
    box-sizing: border-box;
    width: 29.1666666667%
}

.semi-col-push-7 {
    left: 29.1666666667%
}

.semi-col-pull-7 {
    right: 29.1666666667%
}

.semi-col-offset-7 {
    margin-left: 29.1666666667%
}

.semi-col-order-7 {
    order: 7
}

.semi-col-8 {
    display: block;
    box-sizing: border-box;
    width: 33.3333333333%
}

.semi-col-push-8 {
    left: 33.3333333333%
}

.semi-col-pull-8 {
    right: 33.3333333333%
}

.semi-col-offset-8 {
    margin-left: 33.3333333333%
}

.semi-col-order-8 {
    order: 8
}

.semi-col-9 {
    display: block;
    box-sizing: border-box;
    width: 37.5%
}

.semi-col-push-9 {
    left: 37.5%
}

.semi-col-pull-9 {
    right: 37.5%
}

.semi-col-offset-9 {
    margin-left: 37.5%
}

.semi-col-order-9 {
    order: 9
}

.semi-col-10 {
    display: block;
    box-sizing: border-box;
    width: 41.6666666667%
}

.semi-col-push-10 {
    left: 41.6666666667%
}

.semi-col-pull-10 {
    right: 41.6666666667%
}

.semi-col-offset-10 {
    margin-left: 41.6666666667%
}

.semi-col-order-10 {
    order: 10
}

.semi-col-11 {
    display: block;
    box-sizing: border-box;
    width: 45.8333333333%
}

.semi-col-push-11 {
    left: 45.8333333333%
}

.semi-col-pull-11 {
    right: 45.8333333333%
}

.semi-col-offset-11 {
    margin-left: 45.8333333333%
}

.semi-col-order-11 {
    order: 11
}

.semi-col-12 {
    display: block;
    box-sizing: border-box;
    width: 50%
}

.semi-col-push-12 {
    left: 50%
}

.semi-col-pull-12 {
    right: 50%
}

.semi-col-offset-12 {
    margin-left: 50%
}

.semi-col-order-12 {
    order: 12
}

.semi-col-13 {
    display: block;
    box-sizing: border-box;
    width: 54.1666666667%
}

.semi-col-push-13 {
    left: 54.1666666667%
}

.semi-col-pull-13 {
    right: 54.1666666667%
}

.semi-col-offset-13 {
    margin-left: 54.1666666667%
}

.semi-col-order-13 {
    order: 13
}

.semi-col-14 {
    display: block;
    box-sizing: border-box;
    width: 58.3333333333%
}

.semi-col-push-14 {
    left: 58.3333333333%
}

.semi-col-pull-14 {
    right: 58.3333333333%
}

.semi-col-offset-14 {
    margin-left: 58.3333333333%
}

.semi-col-order-14 {
    order: 14
}

.semi-col-15 {
    display: block;
    box-sizing: border-box;
    width: 62.5%
}

.semi-col-push-15 {
    left: 62.5%
}

.semi-col-pull-15 {
    right: 62.5%
}

.semi-col-offset-15 {
    margin-left: 62.5%
}

.semi-col-order-15 {
    order: 15
}

.semi-col-16 {
    display: block;
    box-sizing: border-box;
    width: 66.6666666667%
}

.semi-col-push-16 {
    left: 66.6666666667%
}

.semi-col-pull-16 {
    right: 66.6666666667%
}

.semi-col-offset-16 {
    margin-left: 66.6666666667%
}

.semi-col-order-16 {
    order: 16
}

.semi-col-17 {
    display: block;
    box-sizing: border-box;
    width: 70.8333333333%
}

.semi-col-push-17 {
    left: 70.8333333333%
}

.semi-col-pull-17 {
    right: 70.8333333333%
}

.semi-col-offset-17 {
    margin-left: 70.8333333333%
}

.semi-col-order-17 {
    order: 17
}

.semi-col-18 {
    display: block;
    box-sizing: border-box;
    width: 75%
}

.semi-col-push-18 {
    left: 75%
}

.semi-col-pull-18 {
    right: 75%
}

.semi-col-offset-18 {
    margin-left: 75%
}

.semi-col-order-18 {
    order: 18
}

.semi-col-19 {
    display: block;
    box-sizing: border-box;
    width: 79.1666666667%
}

.semi-col-push-19 {
    left: 79.1666666667%
}

.semi-col-pull-19 {
    right: 79.1666666667%
}

.semi-col-offset-19 {
    margin-left: 79.1666666667%
}

.semi-col-order-19 {
    order: 19
}

.semi-col-20 {
    display: block;
    box-sizing: border-box;
    width: 83.3333333333%
}

.semi-col-push-20 {
    left: 83.3333333333%
}

.semi-col-pull-20 {
    right: 83.3333333333%
}

.semi-col-offset-20 {
    margin-left: 83.3333333333%
}

.semi-col-order-20 {
    order: 20
}

.semi-col-21 {
    display: block;
    box-sizing: border-box;
    width: 87.5%
}

.semi-col-push-21 {
    left: 87.5%
}

.semi-col-pull-21 {
    right: 87.5%
}

.semi-col-offset-21 {
    margin-left: 87.5%
}

.semi-col-order-21 {
    order: 21
}

.semi-col-22 {
    display: block;
    box-sizing: border-box;
    width: 91.6666666667%
}

.semi-col-push-22 {
    left: 91.6666666667%
}

.semi-col-pull-22 {
    right: 91.6666666667%
}

.semi-col-offset-22 {
    margin-left: 91.6666666667%
}

.semi-col-order-22 {
    order: 22
}

.semi-col-23 {
    display: block;
    box-sizing: border-box;
    width: 95.8333333333%
}

.semi-col-push-23 {
    left: 95.8333333333%
}

.semi-col-pull-23 {
    right: 95.8333333333%
}

.semi-col-offset-23 {
    margin-left: 95.8333333333%
}

.semi-col-order-23 {
    order: 23
}

.semi-col-24 {
    display: block;
    box-sizing: border-box;
    width: 100%
}

.semi-col-push-24 {
    left: 100%
}

.semi-col-pull-24 {
    right: 100%
}

.semi-col-offset-24 {
    margin-left: 100%
}

.semi-col-order-24 {
    order: 24
}

.semi-rtl .semi-col-1, .semi-rtl .semi-col-2, .semi-rtl .semi-col-3, .semi-rtl .semi-col-4, .semi-rtl .semi-col-5, .semi-rtl .semi-col-6, .semi-rtl .semi-col-7, .semi-rtl .semi-col-8, .semi-rtl .semi-col-9, .semi-rtl .semi-col-10, .semi-rtl .semi-col-11, .semi-rtl .semi-col-12, .semi-rtl .semi-col-13, .semi-rtl .semi-col-14, .semi-rtl .semi-col-15, .semi-rtl .semi-col-16, .semi-rtl .semi-col-17, .semi-rtl .semi-col-18, .semi-rtl .semi-col-19, .semi-rtl .semi-col-20, .semi-rtl .semi-col-21, .semi-rtl .semi-col-22, .semi-rtl .semi-col-23, .semi-rtl .semi-col-24 {
    float: right
}

.semi-rtl .semi-col-offset-1 {
    margin-left: auto;
    margin-right: 4.1666666667%
}

.semi-rtl .semi-col-offset-2 {
    margin-left: auto;
    margin-right: 8.3333333333%
}

.semi-rtl .semi-col-offset-3 {
    margin-left: auto;
    margin-right: 12.5%
}

.semi-rtl .semi-col-offset-4 {
    margin-left: auto;
    margin-right: 16.6666666667%
}

.semi-rtl .semi-col-offset-5 {
    margin-left: auto;
    margin-right: 20.8333333333%
}

.semi-rtl .semi-col-offset-6 {
    margin-left: auto;
    margin-right: 25%
}

.semi-rtl .semi-col-offset-7 {
    margin-left: auto;
    margin-right: 29.1666666667%
}

.semi-rtl .semi-col-offset-8 {
    margin-left: auto;
    margin-right: 33.3333333333%
}

.semi-rtl .semi-col-offset-9 {
    margin-left: auto;
    margin-right: 37.5%
}

.semi-rtl .semi-col-offset-10 {
    margin-left: auto;
    margin-right: 41.6666666667%
}

.semi-rtl .semi-col-offset-11 {
    margin-left: auto;
    margin-right: 45.8333333333%
}

.semi-rtl .semi-col-offset-12 {
    margin-left: auto;
    margin-right: 50%
}

.semi-rtl .semi-col-offset-13 {
    margin-left: auto;
    margin-right: 54.1666666667%
}

.semi-rtl .semi-col-offset-14 {
    margin-left: auto;
    margin-right: 58.3333333333%
}

.semi-rtl .semi-col-offset-15 {
    margin-left: auto;
    margin-right: 62.5%
}

.semi-rtl .semi-col-offset-16 {
    margin-left: auto;
    margin-right: 66.6666666667%
}

.semi-rtl .semi-col-offset-17 {
    margin-left: auto;
    margin-right: 70.8333333333%
}

.semi-rtl .semi-col-offset-18 {
    margin-left: auto;
    margin-right: 75%
}

.semi-rtl .semi-col-offset-19 {
    margin-left: auto;
    margin-right: 79.1666666667%
}

.semi-rtl .semi-col-offset-20 {
    margin-left: auto;
    margin-right: 83.3333333333%
}

.semi-rtl .semi-col-offset-21 {
    margin-left: auto;
    margin-right: 87.5%
}

.semi-rtl .semi-col-offset-22 {
    margin-left: auto;
    margin-right: 91.6666666667%
}

.semi-rtl .semi-col-offset-23 {
    margin-left: auto;
    margin-right: 95.8333333333%
}

.semi-rtl .semi-col-offset-24 {
    margin-left: auto;
    margin-right: 100%
}

.semi-col-xs-1, .semi-col-xs-2, .semi-col-xs-3, .semi-col-xs-4, .semi-col-xs-5, .semi-col-xs-6, .semi-col-xs-7, .semi-col-xs-8, .semi-col-xs-9, .semi-col-xs-10, .semi-col-xs-11, .semi-col-xs-12, .semi-col-xs-13, .semi-col-xs-14, .semi-col-xs-15, .semi-col-xs-16, .semi-col-xs-17, .semi-col-xs-18, .semi-col-xs-19, .semi-col-xs-20, .semi-col-xs-21, .semi-col-xs-22, .semi-col-xs-23, .semi-col-xs-24 {
    flex: 0 0 auto;
    float: left
}

.semi-col-xs-1 {
    display: block;
    box-sizing: border-box;
    width: 4.1666666667%
}

.semi-col-xs-push-1 {
    left: 4.1666666667%
}

.semi-col-xs-pull-1 {
    right: 4.1666666667%
}

.semi-col-xs-offset-1 {
    margin-left: 4.1666666667%
}

.semi-col-xs-order-1 {
    order: 1
}

.semi-col-xs-2 {
    display: block;
    box-sizing: border-box;
    width: 8.3333333333%
}

.semi-col-xs-push-2 {
    left: 8.3333333333%
}

.semi-col-xs-pull-2 {
    right: 8.3333333333%
}

.semi-col-xs-offset-2 {
    margin-left: 8.3333333333%
}

.semi-col-xs-order-2 {
    order: 2
}

.semi-col-xs-3 {
    display: block;
    box-sizing: border-box;
    width: 12.5%
}

.semi-col-xs-push-3 {
    left: 12.5%
}

.semi-col-xs-pull-3 {
    right: 12.5%
}

.semi-col-xs-offset-3 {
    margin-left: 12.5%
}

.semi-col-xs-order-3 {
    order: 3
}

.semi-col-xs-4 {
    display: block;
    box-sizing: border-box;
    width: 16.6666666667%
}

.semi-col-xs-push-4 {
    left: 16.6666666667%
}

.semi-col-xs-pull-4 {
    right: 16.6666666667%
}

.semi-col-xs-offset-4 {
    margin-left: 16.6666666667%
}

.semi-col-xs-order-4 {
    order: 4
}

.semi-col-xs-5 {
    display: block;
    box-sizing: border-box;
    width: 20.8333333333%
}

.semi-col-xs-push-5 {
    left: 20.8333333333%
}

.semi-col-xs-pull-5 {
    right: 20.8333333333%
}

.semi-col-xs-offset-5 {
    margin-left: 20.8333333333%
}

.semi-col-xs-order-5 {
    order: 5
}

.semi-col-xs-6 {
    display: block;
    box-sizing: border-box;
    width: 25%
}

.semi-col-xs-push-6 {
    left: 25%
}

.semi-col-xs-pull-6 {
    right: 25%
}

.semi-col-xs-offset-6 {
    margin-left: 25%
}

.semi-col-xs-order-6 {
    order: 6
}

.semi-col-xs-7 {
    display: block;
    box-sizing: border-box;
    width: 29.1666666667%
}

.semi-col-xs-push-7 {
    left: 29.1666666667%
}

.semi-col-xs-pull-7 {
    right: 29.1666666667%
}

.semi-col-xs-offset-7 {
    margin-left: 29.1666666667%
}

.semi-col-xs-order-7 {
    order: 7
}

.semi-col-xs-8 {
    display: block;
    box-sizing: border-box;
    width: 33.3333333333%
}

.semi-col-xs-push-8 {
    left: 33.3333333333%
}

.semi-col-xs-pull-8 {
    right: 33.3333333333%
}

.semi-col-xs-offset-8 {
    margin-left: 33.3333333333%
}

.semi-col-xs-order-8 {
    order: 8
}

.semi-col-xs-9 {
    display: block;
    box-sizing: border-box;
    width: 37.5%
}

.semi-col-xs-push-9 {
    left: 37.5%
}

.semi-col-xs-pull-9 {
    right: 37.5%
}

.semi-col-xs-offset-9 {
    margin-left: 37.5%
}

.semi-col-xs-order-9 {
    order: 9
}

.semi-col-xs-10 {
    display: block;
    box-sizing: border-box;
    width: 41.6666666667%
}

.semi-col-xs-push-10 {
    left: 41.6666666667%
}

.semi-col-xs-pull-10 {
    right: 41.6666666667%
}

.semi-col-xs-offset-10 {
    margin-left: 41.6666666667%
}

.semi-col-xs-order-10 {
    order: 10
}

.semi-col-xs-11 {
    display: block;
    box-sizing: border-box;
    width: 45.8333333333%
}

.semi-col-xs-push-11 {
    left: 45.8333333333%
}

.semi-col-xs-pull-11 {
    right: 45.8333333333%
}

.semi-col-xs-offset-11 {
    margin-left: 45.8333333333%
}

.semi-col-xs-order-11 {
    order: 11
}

.semi-col-xs-12 {
    display: block;
    box-sizing: border-box;
    width: 50%
}

.semi-col-xs-push-12 {
    left: 50%
}

.semi-col-xs-pull-12 {
    right: 50%
}

.semi-col-xs-offset-12 {
    margin-left: 50%
}

.semi-col-xs-order-12 {
    order: 12
}

.semi-col-xs-13 {
    display: block;
    box-sizing: border-box;
    width: 54.1666666667%
}

.semi-col-xs-push-13 {
    left: 54.1666666667%
}

.semi-col-xs-pull-13 {
    right: 54.1666666667%
}

.semi-col-xs-offset-13 {
    margin-left: 54.1666666667%
}

.semi-col-xs-order-13 {
    order: 13
}

.semi-col-xs-14 {
    display: block;
    box-sizing: border-box;
    width: 58.3333333333%
}

.semi-col-xs-push-14 {
    left: 58.3333333333%
}

.semi-col-xs-pull-14 {
    right: 58.3333333333%
}

.semi-col-xs-offset-14 {
    margin-left: 58.3333333333%
}

.semi-col-xs-order-14 {
    order: 14
}

.semi-col-xs-15 {
    display: block;
    box-sizing: border-box;
    width: 62.5%
}

.semi-col-xs-push-15 {
    left: 62.5%
}

.semi-col-xs-pull-15 {
    right: 62.5%
}

.semi-col-xs-offset-15 {
    margin-left: 62.5%
}

.semi-col-xs-order-15 {
    order: 15
}

.semi-col-xs-16 {
    display: block;
    box-sizing: border-box;
    width: 66.6666666667%
}

.semi-col-xs-push-16 {
    left: 66.6666666667%
}

.semi-col-xs-pull-16 {
    right: 66.6666666667%
}

.semi-col-xs-offset-16 {
    margin-left: 66.6666666667%
}

.semi-col-xs-order-16 {
    order: 16
}

.semi-col-xs-17 {
    display: block;
    box-sizing: border-box;
    width: 70.8333333333%
}

.semi-col-xs-push-17 {
    left: 70.8333333333%
}

.semi-col-xs-pull-17 {
    right: 70.8333333333%
}

.semi-col-xs-offset-17 {
    margin-left: 70.8333333333%
}

.semi-col-xs-order-17 {
    order: 17
}

.semi-col-xs-18 {
    display: block;
    box-sizing: border-box;
    width: 75%
}

.semi-col-xs-push-18 {
    left: 75%
}

.semi-col-xs-pull-18 {
    right: 75%
}

.semi-col-xs-offset-18 {
    margin-left: 75%
}

.semi-col-xs-order-18 {
    order: 18
}

.semi-col-xs-19 {
    display: block;
    box-sizing: border-box;
    width: 79.1666666667%
}

.semi-col-xs-push-19 {
    left: 79.1666666667%
}

.semi-col-xs-pull-19 {
    right: 79.1666666667%
}

.semi-col-xs-offset-19 {
    margin-left: 79.1666666667%
}

.semi-col-xs-order-19 {
    order: 19
}

.semi-col-xs-20 {
    display: block;
    box-sizing: border-box;
    width: 83.3333333333%
}

.semi-col-xs-push-20 {
    left: 83.3333333333%
}

.semi-col-xs-pull-20 {
    right: 83.3333333333%
}

.semi-col-xs-offset-20 {
    margin-left: 83.3333333333%
}

.semi-col-xs-order-20 {
    order: 20
}

.semi-col-xs-21 {
    display: block;
    box-sizing: border-box;
    width: 87.5%
}

.semi-col-xs-push-21 {
    left: 87.5%
}

.semi-col-xs-pull-21 {
    right: 87.5%
}

.semi-col-xs-offset-21 {
    margin-left: 87.5%
}

.semi-col-xs-order-21 {
    order: 21
}

.semi-col-xs-22 {
    display: block;
    box-sizing: border-box;
    width: 91.6666666667%
}

.semi-col-xs-push-22 {
    left: 91.6666666667%
}

.semi-col-xs-pull-22 {
    right: 91.6666666667%
}

.semi-col-xs-offset-22 {
    margin-left: 91.6666666667%
}

.semi-col-xs-order-22 {
    order: 22
}

.semi-col-xs-23 {
    display: block;
    box-sizing: border-box;
    width: 95.8333333333%
}

.semi-col-xs-push-23 {
    left: 95.8333333333%
}

.semi-col-xs-pull-23 {
    right: 95.8333333333%
}

.semi-col-xs-offset-23 {
    margin-left: 95.8333333333%
}

.semi-col-xs-order-23 {
    order: 23
}

.semi-col-xs-24 {
    display: block;
    box-sizing: border-box;
    width: 100%
}

.semi-col-xs-push-24 {
    left: 100%
}

.semi-col-xs-pull-24 {
    right: 100%
}

.semi-col-xs-offset-24 {
    margin-left: 100%
}

.semi-col-xs-order-24 {
    order: 24
}

.semi-rtl .semi-col-xs-1, .semi-rtl .semi-col-xs-2, .semi-rtl .semi-col-xs-3, .semi-rtl .semi-col-xs-4, .semi-rtl .semi-col-xs-5, .semi-rtl .semi-col-xs-6, .semi-rtl .semi-col-xs-7, .semi-rtl .semi-col-xs-8, .semi-rtl .semi-col-xs-9, .semi-rtl .semi-col-xs-10, .semi-rtl .semi-col-xs-11, .semi-rtl .semi-col-xs-12, .semi-rtl .semi-col-xs-13, .semi-rtl .semi-col-xs-14, .semi-rtl .semi-col-xs-15, .semi-rtl .semi-col-xs-16, .semi-rtl .semi-col-xs-17, .semi-rtl .semi-col-xs-18, .semi-rtl .semi-col-xs-19, .semi-rtl .semi-col-xs-20, .semi-rtl .semi-col-xs-21, .semi-rtl .semi-col-xs-22, .semi-rtl .semi-col-xs-23, .semi-rtl .semi-col-xs-24 {
    float: right
}

.semi-rtl .semi-col-xs-offset-1 {
    margin-left: auto;
    margin-right: 4.1666666667%
}

.semi-rtl .semi-col-xs-offset-2 {
    margin-left: auto;
    margin-right: 8.3333333333%
}

.semi-rtl .semi-col-xs-offset-3 {
    margin-left: auto;
    margin-right: 12.5%
}

.semi-rtl .semi-col-xs-offset-4 {
    margin-left: auto;
    margin-right: 16.6666666667%
}

.semi-rtl .semi-col-xs-offset-5 {
    margin-left: auto;
    margin-right: 20.8333333333%
}

.semi-rtl .semi-col-xs-offset-6 {
    margin-left: auto;
    margin-right: 25%
}

.semi-rtl .semi-col-xs-offset-7 {
    margin-left: auto;
    margin-right: 29.1666666667%
}

.semi-rtl .semi-col-xs-offset-8 {
    margin-left: auto;
    margin-right: 33.3333333333%
}

.semi-rtl .semi-col-xs-offset-9 {
    margin-left: auto;
    margin-right: 37.5%
}

.semi-rtl .semi-col-xs-offset-10 {
    margin-left: auto;
    margin-right: 41.6666666667%
}

.semi-rtl .semi-col-xs-offset-11 {
    margin-left: auto;
    margin-right: 45.8333333333%
}

.semi-rtl .semi-col-xs-offset-12 {
    margin-left: auto;
    margin-right: 50%
}

.semi-rtl .semi-col-xs-offset-13 {
    margin-left: auto;
    margin-right: 54.1666666667%
}

.semi-rtl .semi-col-xs-offset-14 {
    margin-left: auto;
    margin-right: 58.3333333333%
}

.semi-rtl .semi-col-xs-offset-15 {
    margin-left: auto;
    margin-right: 62.5%
}

.semi-rtl .semi-col-xs-offset-16 {
    margin-left: auto;
    margin-right: 66.6666666667%
}

.semi-rtl .semi-col-xs-offset-17 {
    margin-left: auto;
    margin-right: 70.8333333333%
}

.semi-rtl .semi-col-xs-offset-18 {
    margin-left: auto;
    margin-right: 75%
}

.semi-rtl .semi-col-xs-offset-19 {
    margin-left: auto;
    margin-right: 79.1666666667%
}

.semi-rtl .semi-col-xs-offset-20 {
    margin-left: auto;
    margin-right: 83.3333333333%
}

.semi-rtl .semi-col-xs-offset-21 {
    margin-left: auto;
    margin-right: 87.5%
}

.semi-rtl .semi-col-xs-offset-22 {
    margin-left: auto;
    margin-right: 91.6666666667%
}

.semi-rtl .semi-col-xs-offset-23 {
    margin-left: auto;
    margin-right: 95.8333333333%
}

.semi-rtl .semi-col-xs-offset-24 {
    margin-left: auto;
    margin-right: 100%
}

@media (min-width: 576px) {
    .semi-col-sm-1, .semi-col-sm-2, .semi-col-sm-3, .semi-col-sm-4, .semi-col-sm-5, .semi-col-sm-6, .semi-col-sm-7, .semi-col-sm-8, .semi-col-sm-9, .semi-col-sm-10, .semi-col-sm-11, .semi-col-sm-12, .semi-col-sm-13, .semi-col-sm-14, .semi-col-sm-15, .semi-col-sm-16, .semi-col-sm-17, .semi-col-sm-18, .semi-col-sm-19, .semi-col-sm-20, .semi-col-sm-21, .semi-col-sm-22, .semi-col-sm-23, .semi-col-sm-24 {
        flex: 0 0 auto;
        float: left
    }

    .semi-col-sm-1 {
        display: block;
        box-sizing: border-box;
        width: 4.1666666667%
    }

    .semi-col-sm-push-1 {
        left: 4.1666666667%
    }

    .semi-col-sm-pull-1 {
        right: 4.1666666667%
    }

    .semi-col-sm-offset-1 {
        margin-left: 4.1666666667%
    }

    .semi-col-sm-order-1 {
        order: 1
    }

    .semi-col-sm-2 {
        display: block;
        box-sizing: border-box;
        width: 8.3333333333%
    }

    .semi-col-sm-push-2 {
        left: 8.3333333333%
    }

    .semi-col-sm-pull-2 {
        right: 8.3333333333%
    }

    .semi-col-sm-offset-2 {
        margin-left: 8.3333333333%
    }

    .semi-col-sm-order-2 {
        order: 2
    }

    .semi-col-sm-3 {
        display: block;
        box-sizing: border-box;
        width: 12.5%
    }

    .semi-col-sm-push-3 {
        left: 12.5%
    }

    .semi-col-sm-pull-3 {
        right: 12.5%
    }

    .semi-col-sm-offset-3 {
        margin-left: 12.5%
    }

    .semi-col-sm-order-3 {
        order: 3
    }

    .semi-col-sm-4 {
        display: block;
        box-sizing: border-box;
        width: 16.6666666667%
    }

    .semi-col-sm-push-4 {
        left: 16.6666666667%
    }

    .semi-col-sm-pull-4 {
        right: 16.6666666667%
    }

    .semi-col-sm-offset-4 {
        margin-left: 16.6666666667%
    }

    .semi-col-sm-order-4 {
        order: 4
    }

    .semi-col-sm-5 {
        display: block;
        box-sizing: border-box;
        width: 20.8333333333%
    }

    .semi-col-sm-push-5 {
        left: 20.8333333333%
    }

    .semi-col-sm-pull-5 {
        right: 20.8333333333%
    }

    .semi-col-sm-offset-5 {
        margin-left: 20.8333333333%
    }

    .semi-col-sm-order-5 {
        order: 5
    }

    .semi-col-sm-6 {
        display: block;
        box-sizing: border-box;
        width: 25%
    }

    .semi-col-sm-push-6 {
        left: 25%
    }

    .semi-col-sm-pull-6 {
        right: 25%
    }

    .semi-col-sm-offset-6 {
        margin-left: 25%
    }

    .semi-col-sm-order-6 {
        order: 6
    }

    .semi-col-sm-7 {
        display: block;
        box-sizing: border-box;
        width: 29.1666666667%
    }

    .semi-col-sm-push-7 {
        left: 29.1666666667%
    }

    .semi-col-sm-pull-7 {
        right: 29.1666666667%
    }

    .semi-col-sm-offset-7 {
        margin-left: 29.1666666667%
    }

    .semi-col-sm-order-7 {
        order: 7
    }

    .semi-col-sm-8 {
        display: block;
        box-sizing: border-box;
        width: 33.3333333333%
    }

    .semi-col-sm-push-8 {
        left: 33.3333333333%
    }

    .semi-col-sm-pull-8 {
        right: 33.3333333333%
    }

    .semi-col-sm-offset-8 {
        margin-left: 33.3333333333%
    }

    .semi-col-sm-order-8 {
        order: 8
    }

    .semi-col-sm-9 {
        display: block;
        box-sizing: border-box;
        width: 37.5%
    }

    .semi-col-sm-push-9 {
        left: 37.5%
    }

    .semi-col-sm-pull-9 {
        right: 37.5%
    }

    .semi-col-sm-offset-9 {
        margin-left: 37.5%
    }

    .semi-col-sm-order-9 {
        order: 9
    }

    .semi-col-sm-10 {
        display: block;
        box-sizing: border-box;
        width: 41.6666666667%
    }

    .semi-col-sm-push-10 {
        left: 41.6666666667%
    }

    .semi-col-sm-pull-10 {
        right: 41.6666666667%
    }

    .semi-col-sm-offset-10 {
        margin-left: 41.6666666667%
    }

    .semi-col-sm-order-10 {
        order: 10
    }

    .semi-col-sm-11 {
        display: block;
        box-sizing: border-box;
        width: 45.8333333333%
    }

    .semi-col-sm-push-11 {
        left: 45.8333333333%
    }

    .semi-col-sm-pull-11 {
        right: 45.8333333333%
    }

    .semi-col-sm-offset-11 {
        margin-left: 45.8333333333%
    }

    .semi-col-sm-order-11 {
        order: 11
    }

    .semi-col-sm-12 {
        display: block;
        box-sizing: border-box;
        width: 50%
    }

    .semi-col-sm-push-12 {
        left: 50%
    }

    .semi-col-sm-pull-12 {
        right: 50%
    }

    .semi-col-sm-offset-12 {
        margin-left: 50%
    }

    .semi-col-sm-order-12 {
        order: 12
    }

    .semi-col-sm-13 {
        display: block;
        box-sizing: border-box;
        width: 54.1666666667%
    }

    .semi-col-sm-push-13 {
        left: 54.1666666667%
    }

    .semi-col-sm-pull-13 {
        right: 54.1666666667%
    }

    .semi-col-sm-offset-13 {
        margin-left: 54.1666666667%
    }

    .semi-col-sm-order-13 {
        order: 13
    }

    .semi-col-sm-14 {
        display: block;
        box-sizing: border-box;
        width: 58.3333333333%
    }

    .semi-col-sm-push-14 {
        left: 58.3333333333%
    }

    .semi-col-sm-pull-14 {
        right: 58.3333333333%
    }

    .semi-col-sm-offset-14 {
        margin-left: 58.3333333333%
    }

    .semi-col-sm-order-14 {
        order: 14
    }

    .semi-col-sm-15 {
        display: block;
        box-sizing: border-box;
        width: 62.5%
    }

    .semi-col-sm-push-15 {
        left: 62.5%
    }

    .semi-col-sm-pull-15 {
        right: 62.5%
    }

    .semi-col-sm-offset-15 {
        margin-left: 62.5%
    }

    .semi-col-sm-order-15 {
        order: 15
    }

    .semi-col-sm-16 {
        display: block;
        box-sizing: border-box;
        width: 66.6666666667%
    }

    .semi-col-sm-push-16 {
        left: 66.6666666667%
    }

    .semi-col-sm-pull-16 {
        right: 66.6666666667%
    }

    .semi-col-sm-offset-16 {
        margin-left: 66.6666666667%
    }

    .semi-col-sm-order-16 {
        order: 16
    }

    .semi-col-sm-17 {
        display: block;
        box-sizing: border-box;
        width: 70.8333333333%
    }

    .semi-col-sm-push-17 {
        left: 70.8333333333%
    }

    .semi-col-sm-pull-17 {
        right: 70.8333333333%
    }

    .semi-col-sm-offset-17 {
        margin-left: 70.8333333333%
    }

    .semi-col-sm-order-17 {
        order: 17
    }

    .semi-col-sm-18 {
        display: block;
        box-sizing: border-box;
        width: 75%
    }

    .semi-col-sm-push-18 {
        left: 75%
    }

    .semi-col-sm-pull-18 {
        right: 75%
    }

    .semi-col-sm-offset-18 {
        margin-left: 75%
    }

    .semi-col-sm-order-18 {
        order: 18
    }

    .semi-col-sm-19 {
        display: block;
        box-sizing: border-box;
        width: 79.1666666667%
    }

    .semi-col-sm-push-19 {
        left: 79.1666666667%
    }

    .semi-col-sm-pull-19 {
        right: 79.1666666667%
    }

    .semi-col-sm-offset-19 {
        margin-left: 79.1666666667%
    }

    .semi-col-sm-order-19 {
        order: 19
    }

    .semi-col-sm-20 {
        display: block;
        box-sizing: border-box;
        width: 83.3333333333%
    }

    .semi-col-sm-push-20 {
        left: 83.3333333333%
    }

    .semi-col-sm-pull-20 {
        right: 83.3333333333%
    }

    .semi-col-sm-offset-20 {
        margin-left: 83.3333333333%
    }

    .semi-col-sm-order-20 {
        order: 20
    }

    .semi-col-sm-21 {
        display: block;
        box-sizing: border-box;
        width: 87.5%
    }

    .semi-col-sm-push-21 {
        left: 87.5%
    }

    .semi-col-sm-pull-21 {
        right: 87.5%
    }

    .semi-col-sm-offset-21 {
        margin-left: 87.5%
    }

    .semi-col-sm-order-21 {
        order: 21
    }

    .semi-col-sm-22 {
        display: block;
        box-sizing: border-box;
        width: 91.6666666667%
    }

    .semi-col-sm-push-22 {
        left: 91.6666666667%
    }

    .semi-col-sm-pull-22 {
        right: 91.6666666667%
    }

    .semi-col-sm-offset-22 {
        margin-left: 91.6666666667%
    }

    .semi-col-sm-order-22 {
        order: 22
    }

    .semi-col-sm-23 {
        display: block;
        box-sizing: border-box;
        width: 95.8333333333%
    }

    .semi-col-sm-push-23 {
        left: 95.8333333333%
    }

    .semi-col-sm-pull-23 {
        right: 95.8333333333%
    }

    .semi-col-sm-offset-23 {
        margin-left: 95.8333333333%
    }

    .semi-col-sm-order-23 {
        order: 23
    }

    .semi-col-sm-24 {
        display: block;
        box-sizing: border-box;
        width: 100%
    }

    .semi-col-sm-push-24 {
        left: 100%
    }

    .semi-col-sm-pull-24 {
        right: 100%
    }

    .semi-col-sm-offset-24 {
        margin-left: 100%
    }

    .semi-col-sm-order-24 {
        order: 24
    }

    .semi-rtl .semi-col-sm-1, .semi-rtl .semi-col-sm-2, .semi-rtl .semi-col-sm-3, .semi-rtl .semi-col-sm-4, .semi-rtl .semi-col-sm-5, .semi-rtl .semi-col-sm-6, .semi-rtl .semi-col-sm-7, .semi-rtl .semi-col-sm-8, .semi-rtl .semi-col-sm-9, .semi-rtl .semi-col-sm-10, .semi-rtl .semi-col-sm-11, .semi-rtl .semi-col-sm-12, .semi-rtl .semi-col-sm-13, .semi-rtl .semi-col-sm-14, .semi-rtl .semi-col-sm-15, .semi-rtl .semi-col-sm-16, .semi-rtl .semi-col-sm-17, .semi-rtl .semi-col-sm-18, .semi-rtl .semi-col-sm-19, .semi-rtl .semi-col-sm-20, .semi-rtl .semi-col-sm-21, .semi-rtl .semi-col-sm-22, .semi-rtl .semi-col-sm-23, .semi-rtl .semi-col-sm-24 {
        float: right
    }

    .semi-rtl .semi-col-sm-offset-1 {
        margin-left: auto;
        margin-right: 4.1666666667%
    }

    .semi-rtl .semi-col-sm-offset-2 {
        margin-left: auto;
        margin-right: 8.3333333333%
    }

    .semi-rtl .semi-col-sm-offset-3 {
        margin-left: auto;
        margin-right: 12.5%
    }

    .semi-rtl .semi-col-sm-offset-4 {
        margin-left: auto;
        margin-right: 16.6666666667%
    }

    .semi-rtl .semi-col-sm-offset-5 {
        margin-left: auto;
        margin-right: 20.8333333333%
    }

    .semi-rtl .semi-col-sm-offset-6 {
        margin-left: auto;
        margin-right: 25%
    }

    .semi-rtl .semi-col-sm-offset-7 {
        margin-left: auto;
        margin-right: 29.1666666667%
    }

    .semi-rtl .semi-col-sm-offset-8 {
        margin-left: auto;
        margin-right: 33.3333333333%
    }

    .semi-rtl .semi-col-sm-offset-9 {
        margin-left: auto;
        margin-right: 37.5%
    }

    .semi-rtl .semi-col-sm-offset-10 {
        margin-left: auto;
        margin-right: 41.6666666667%
    }

    .semi-rtl .semi-col-sm-offset-11 {
        margin-left: auto;
        margin-right: 45.8333333333%
    }

    .semi-rtl .semi-col-sm-offset-12 {
        margin-left: auto;
        margin-right: 50%
    }

    .semi-rtl .semi-col-sm-offset-13 {
        margin-left: auto;
        margin-right: 54.1666666667%
    }

    .semi-rtl .semi-col-sm-offset-14 {
        margin-left: auto;
        margin-right: 58.3333333333%
    }

    .semi-rtl .semi-col-sm-offset-15 {
        margin-left: auto;
        margin-right: 62.5%
    }

    .semi-rtl .semi-col-sm-offset-16 {
        margin-left: auto;
        margin-right: 66.6666666667%
    }

    .semi-rtl .semi-col-sm-offset-17 {
        margin-left: auto;
        margin-right: 70.8333333333%
    }

    .semi-rtl .semi-col-sm-offset-18 {
        margin-left: auto;
        margin-right: 75%
    }

    .semi-rtl .semi-col-sm-offset-19 {
        margin-left: auto;
        margin-right: 79.1666666667%
    }

    .semi-rtl .semi-col-sm-offset-20 {
        margin-left: auto;
        margin-right: 83.3333333333%
    }

    .semi-rtl .semi-col-sm-offset-21 {
        margin-left: auto;
        margin-right: 87.5%
    }

    .semi-rtl .semi-col-sm-offset-22 {
        margin-left: auto;
        margin-right: 91.6666666667%
    }

    .semi-rtl .semi-col-sm-offset-23 {
        margin-left: auto;
        margin-right: 95.8333333333%
    }

    .semi-rtl .semi-col-sm-offset-24 {
        margin-left: auto;
        margin-right: 100%
    }
}

@media (min-width: 768px) {
    .semi-col-md-1, .semi-col-md-2, .semi-col-md-3, .semi-col-md-4, .semi-col-md-5, .semi-col-md-6, .semi-col-md-7, .semi-col-md-8, .semi-col-md-9, .semi-col-md-10, .semi-col-md-11, .semi-col-md-12, .semi-col-md-13, .semi-col-md-14, .semi-col-md-15, .semi-col-md-16, .semi-col-md-17, .semi-col-md-18, .semi-col-md-19, .semi-col-md-20, .semi-col-md-21, .semi-col-md-22, .semi-col-md-23, .semi-col-md-24 {
        flex: 0 0 auto;
        float: left
    }

    .semi-col-md-1 {
        display: block;
        box-sizing: border-box;
        width: 4.1666666667%
    }

    .semi-col-md-push-1 {
        left: 4.1666666667%
    }

    .semi-col-md-pull-1 {
        right: 4.1666666667%
    }

    .semi-col-md-offset-1 {
        margin-left: 4.1666666667%
    }

    .semi-col-md-order-1 {
        order: 1
    }

    .semi-col-md-2 {
        display: block;
        box-sizing: border-box;
        width: 8.3333333333%
    }

    .semi-col-md-push-2 {
        left: 8.3333333333%
    }

    .semi-col-md-pull-2 {
        right: 8.3333333333%
    }

    .semi-col-md-offset-2 {
        margin-left: 8.3333333333%
    }

    .semi-col-md-order-2 {
        order: 2
    }

    .semi-col-md-3 {
        display: block;
        box-sizing: border-box;
        width: 12.5%
    }

    .semi-col-md-push-3 {
        left: 12.5%
    }

    .semi-col-md-pull-3 {
        right: 12.5%
    }

    .semi-col-md-offset-3 {
        margin-left: 12.5%
    }

    .semi-col-md-order-3 {
        order: 3
    }

    .semi-col-md-4 {
        display: block;
        box-sizing: border-box;
        width: 16.6666666667%
    }

    .semi-col-md-push-4 {
        left: 16.6666666667%
    }

    .semi-col-md-pull-4 {
        right: 16.6666666667%
    }

    .semi-col-md-offset-4 {
        margin-left: 16.6666666667%
    }

    .semi-col-md-order-4 {
        order: 4
    }

    .semi-col-md-5 {
        display: block;
        box-sizing: border-box;
        width: 20.8333333333%
    }

    .semi-col-md-push-5 {
        left: 20.8333333333%
    }

    .semi-col-md-pull-5 {
        right: 20.8333333333%
    }

    .semi-col-md-offset-5 {
        margin-left: 20.8333333333%
    }

    .semi-col-md-order-5 {
        order: 5
    }

    .semi-col-md-6 {
        display: block;
        box-sizing: border-box;
        width: 25%
    }

    .semi-col-md-push-6 {
        left: 25%
    }

    .semi-col-md-pull-6 {
        right: 25%
    }

    .semi-col-md-offset-6 {
        margin-left: 25%
    }

    .semi-col-md-order-6 {
        order: 6
    }

    .semi-col-md-7 {
        display: block;
        box-sizing: border-box;
        width: 29.1666666667%
    }

    .semi-col-md-push-7 {
        left: 29.1666666667%
    }

    .semi-col-md-pull-7 {
        right: 29.1666666667%
    }

    .semi-col-md-offset-7 {
        margin-left: 29.1666666667%
    }

    .semi-col-md-order-7 {
        order: 7
    }

    .semi-col-md-8 {
        display: block;
        box-sizing: border-box;
        width: 33.3333333333%
    }

    .semi-col-md-push-8 {
        left: 33.3333333333%
    }

    .semi-col-md-pull-8 {
        right: 33.3333333333%
    }

    .semi-col-md-offset-8 {
        margin-left: 33.3333333333%
    }

    .semi-col-md-order-8 {
        order: 8
    }

    .semi-col-md-9 {
        display: block;
        box-sizing: border-box;
        width: 37.5%
    }

    .semi-col-md-push-9 {
        left: 37.5%
    }

    .semi-col-md-pull-9 {
        right: 37.5%
    }

    .semi-col-md-offset-9 {
        margin-left: 37.5%
    }

    .semi-col-md-order-9 {
        order: 9
    }

    .semi-col-md-10 {
        display: block;
        box-sizing: border-box;
        width: 41.6666666667%
    }

    .semi-col-md-push-10 {
        left: 41.6666666667%
    }

    .semi-col-md-pull-10 {
        right: 41.6666666667%
    }

    .semi-col-md-offset-10 {
        margin-left: 41.6666666667%
    }

    .semi-col-md-order-10 {
        order: 10
    }

    .semi-col-md-11 {
        display: block;
        box-sizing: border-box;
        width: 45.8333333333%
    }

    .semi-col-md-push-11 {
        left: 45.8333333333%
    }

    .semi-col-md-pull-11 {
        right: 45.8333333333%
    }

    .semi-col-md-offset-11 {
        margin-left: 45.8333333333%
    }

    .semi-col-md-order-11 {
        order: 11
    }

    .semi-col-md-12 {
        display: block;
        box-sizing: border-box;
        width: 50%
    }

    .semi-col-md-push-12 {
        left: 50%
    }

    .semi-col-md-pull-12 {
        right: 50%
    }

    .semi-col-md-offset-12 {
        margin-left: 50%
    }

    .semi-col-md-order-12 {
        order: 12
    }

    .semi-col-md-13 {
        display: block;
        box-sizing: border-box;
        width: 54.1666666667%
    }

    .semi-col-md-push-13 {
        left: 54.1666666667%
    }

    .semi-col-md-pull-13 {
        right: 54.1666666667%
    }

    .semi-col-md-offset-13 {
        margin-left: 54.1666666667%
    }

    .semi-col-md-order-13 {
        order: 13
    }

    .semi-col-md-14 {
        display: block;
        box-sizing: border-box;
        width: 58.3333333333%
    }

    .semi-col-md-push-14 {
        left: 58.3333333333%
    }

    .semi-col-md-pull-14 {
        right: 58.3333333333%
    }

    .semi-col-md-offset-14 {
        margin-left: 58.3333333333%
    }

    .semi-col-md-order-14 {
        order: 14
    }

    .semi-col-md-15 {
        display: block;
        box-sizing: border-box;
        width: 62.5%
    }

    .semi-col-md-push-15 {
        left: 62.5%
    }

    .semi-col-md-pull-15 {
        right: 62.5%
    }

    .semi-col-md-offset-15 {
        margin-left: 62.5%
    }

    .semi-col-md-order-15 {
        order: 15
    }

    .semi-col-md-16 {
        display: block;
        box-sizing: border-box;
        width: 66.6666666667%
    }

    .semi-col-md-push-16 {
        left: 66.6666666667%
    }

    .semi-col-md-pull-16 {
        right: 66.6666666667%
    }

    .semi-col-md-offset-16 {
        margin-left: 66.6666666667%
    }

    .semi-col-md-order-16 {
        order: 16
    }

    .semi-col-md-17 {
        display: block;
        box-sizing: border-box;
        width: 70.8333333333%
    }

    .semi-col-md-push-17 {
        left: 70.8333333333%
    }

    .semi-col-md-pull-17 {
        right: 70.8333333333%
    }

    .semi-col-md-offset-17 {
        margin-left: 70.8333333333%
    }

    .semi-col-md-order-17 {
        order: 17
    }

    .semi-col-md-18 {
        display: block;
        box-sizing: border-box;
        width: 75%
    }

    .semi-col-md-push-18 {
        left: 75%
    }

    .semi-col-md-pull-18 {
        right: 75%
    }

    .semi-col-md-offset-18 {
        margin-left: 75%
    }

    .semi-col-md-order-18 {
        order: 18
    }

    .semi-col-md-19 {
        display: block;
        box-sizing: border-box;
        width: 79.1666666667%
    }

    .semi-col-md-push-19 {
        left: 79.1666666667%
    }

    .semi-col-md-pull-19 {
        right: 79.1666666667%
    }

    .semi-col-md-offset-19 {
        margin-left: 79.1666666667%
    }

    .semi-col-md-order-19 {
        order: 19
    }

    .semi-col-md-20 {
        display: block;
        box-sizing: border-box;
        width: 83.3333333333%
    }

    .semi-col-md-push-20 {
        left: 83.3333333333%
    }

    .semi-col-md-pull-20 {
        right: 83.3333333333%
    }

    .semi-col-md-offset-20 {
        margin-left: 83.3333333333%
    }

    .semi-col-md-order-20 {
        order: 20
    }

    .semi-col-md-21 {
        display: block;
        box-sizing: border-box;
        width: 87.5%
    }

    .semi-col-md-push-21 {
        left: 87.5%
    }

    .semi-col-md-pull-21 {
        right: 87.5%
    }

    .semi-col-md-offset-21 {
        margin-left: 87.5%
    }

    .semi-col-md-order-21 {
        order: 21
    }

    .semi-col-md-22 {
        display: block;
        box-sizing: border-box;
        width: 91.6666666667%
    }

    .semi-col-md-push-22 {
        left: 91.6666666667%
    }

    .semi-col-md-pull-22 {
        right: 91.6666666667%
    }

    .semi-col-md-offset-22 {
        margin-left: 91.6666666667%
    }

    .semi-col-md-order-22 {
        order: 22
    }

    .semi-col-md-23 {
        display: block;
        box-sizing: border-box;
        width: 95.8333333333%
    }

    .semi-col-md-push-23 {
        left: 95.8333333333%
    }

    .semi-col-md-pull-23 {
        right: 95.8333333333%
    }

    .semi-col-md-offset-23 {
        margin-left: 95.8333333333%
    }

    .semi-col-md-order-23 {
        order: 23
    }

    .semi-col-md-24 {
        display: block;
        box-sizing: border-box;
        width: 100%
    }

    .semi-col-md-push-24 {
        left: 100%
    }

    .semi-col-md-pull-24 {
        right: 100%
    }

    .semi-col-md-offset-24 {
        margin-left: 100%
    }

    .semi-col-md-order-24 {
        order: 24
    }

    .semi-rtl .semi-col-md-1, .semi-rtl .semi-col-md-2, .semi-rtl .semi-col-md-3, .semi-rtl .semi-col-md-4, .semi-rtl .semi-col-md-5, .semi-rtl .semi-col-md-6, .semi-rtl .semi-col-md-7, .semi-rtl .semi-col-md-8, .semi-rtl .semi-col-md-9, .semi-rtl .semi-col-md-10, .semi-rtl .semi-col-md-11, .semi-rtl .semi-col-md-12, .semi-rtl .semi-col-md-13, .semi-rtl .semi-col-md-14, .semi-rtl .semi-col-md-15, .semi-rtl .semi-col-md-16, .semi-rtl .semi-col-md-17, .semi-rtl .semi-col-md-18, .semi-rtl .semi-col-md-19, .semi-rtl .semi-col-md-20, .semi-rtl .semi-col-md-21, .semi-rtl .semi-col-md-22, .semi-rtl .semi-col-md-23, .semi-rtl .semi-col-md-24 {
        float: right
    }

    .semi-rtl .semi-col-md-offset-1 {
        margin-left: auto;
        margin-right: 4.1666666667%
    }

    .semi-rtl .semi-col-md-offset-2 {
        margin-left: auto;
        margin-right: 8.3333333333%
    }

    .semi-rtl .semi-col-md-offset-3 {
        margin-left: auto;
        margin-right: 12.5%
    }

    .semi-rtl .semi-col-md-offset-4 {
        margin-left: auto;
        margin-right: 16.6666666667%
    }

    .semi-rtl .semi-col-md-offset-5 {
        margin-left: auto;
        margin-right: 20.8333333333%
    }

    .semi-rtl .semi-col-md-offset-6 {
        margin-left: auto;
        margin-right: 25%
    }

    .semi-rtl .semi-col-md-offset-7 {
        margin-left: auto;
        margin-right: 29.1666666667%
    }

    .semi-rtl .semi-col-md-offset-8 {
        margin-left: auto;
        margin-right: 33.3333333333%
    }

    .semi-rtl .semi-col-md-offset-9 {
        margin-left: auto;
        margin-right: 37.5%
    }

    .semi-rtl .semi-col-md-offset-10 {
        margin-left: auto;
        margin-right: 41.6666666667%
    }

    .semi-rtl .semi-col-md-offset-11 {
        margin-left: auto;
        margin-right: 45.8333333333%
    }

    .semi-rtl .semi-col-md-offset-12 {
        margin-left: auto;
        margin-right: 50%
    }

    .semi-rtl .semi-col-md-offset-13 {
        margin-left: auto;
        margin-right: 54.1666666667%
    }

    .semi-rtl .semi-col-md-offset-14 {
        margin-left: auto;
        margin-right: 58.3333333333%
    }

    .semi-rtl .semi-col-md-offset-15 {
        margin-left: auto;
        margin-right: 62.5%
    }

    .semi-rtl .semi-col-md-offset-16 {
        margin-left: auto;
        margin-right: 66.6666666667%
    }

    .semi-rtl .semi-col-md-offset-17 {
        margin-left: auto;
        margin-right: 70.8333333333%
    }

    .semi-rtl .semi-col-md-offset-18 {
        margin-left: auto;
        margin-right: 75%
    }

    .semi-rtl .semi-col-md-offset-19 {
        margin-left: auto;
        margin-right: 79.1666666667%
    }

    .semi-rtl .semi-col-md-offset-20 {
        margin-left: auto;
        margin-right: 83.3333333333%
    }

    .semi-rtl .semi-col-md-offset-21 {
        margin-left: auto;
        margin-right: 87.5%
    }

    .semi-rtl .semi-col-md-offset-22 {
        margin-left: auto;
        margin-right: 91.6666666667%
    }

    .semi-rtl .semi-col-md-offset-23 {
        margin-left: auto;
        margin-right: 95.8333333333%
    }

    .semi-rtl .semi-col-md-offset-24 {
        margin-left: auto;
        margin-right: 100%
    }
}

@media (min-width: 992px) {
    .semi-col-lg-1, .semi-col-lg-2, .semi-col-lg-3, .semi-col-lg-4, .semi-col-lg-5, .semi-col-lg-6, .semi-col-lg-7, .semi-col-lg-8, .semi-col-lg-9, .semi-col-lg-10, .semi-col-lg-11, .semi-col-lg-12, .semi-col-lg-13, .semi-col-lg-14, .semi-col-lg-15, .semi-col-lg-16, .semi-col-lg-17, .semi-col-lg-18, .semi-col-lg-19, .semi-col-lg-20, .semi-col-lg-21, .semi-col-lg-22, .semi-col-lg-23, .semi-col-lg-24 {
        flex: 0 0 auto;
        float: left
    }

    .semi-col-lg-1 {
        display: block;
        box-sizing: border-box;
        width: 4.1666666667%
    }

    .semi-col-lg-push-1 {
        left: 4.1666666667%
    }

    .semi-col-lg-pull-1 {
        right: 4.1666666667%
    }

    .semi-col-lg-offset-1 {
        margin-left: 4.1666666667%
    }

    .semi-col-lg-order-1 {
        order: 1
    }

    .semi-col-lg-2 {
        display: block;
        box-sizing: border-box;
        width: 8.3333333333%
    }

    .semi-col-lg-push-2 {
        left: 8.3333333333%
    }

    .semi-col-lg-pull-2 {
        right: 8.3333333333%
    }

    .semi-col-lg-offset-2 {
        margin-left: 8.3333333333%
    }

    .semi-col-lg-order-2 {
        order: 2
    }

    .semi-col-lg-3 {
        display: block;
        box-sizing: border-box;
        width: 12.5%
    }

    .semi-col-lg-push-3 {
        left: 12.5%
    }

    .semi-col-lg-pull-3 {
        right: 12.5%
    }

    .semi-col-lg-offset-3 {
        margin-left: 12.5%
    }

    .semi-col-lg-order-3 {
        order: 3
    }

    .semi-col-lg-4 {
        display: block;
        box-sizing: border-box;
        width: 16.6666666667%
    }

    .semi-col-lg-push-4 {
        left: 16.6666666667%
    }

    .semi-col-lg-pull-4 {
        right: 16.6666666667%
    }

    .semi-col-lg-offset-4 {
        margin-left: 16.6666666667%
    }

    .semi-col-lg-order-4 {
        order: 4
    }

    .semi-col-lg-5 {
        display: block;
        box-sizing: border-box;
        width: 20.8333333333%
    }

    .semi-col-lg-push-5 {
        left: 20.8333333333%
    }

    .semi-col-lg-pull-5 {
        right: 20.8333333333%
    }

    .semi-col-lg-offset-5 {
        margin-left: 20.8333333333%
    }

    .semi-col-lg-order-5 {
        order: 5
    }

    .semi-col-lg-6 {
        display: block;
        box-sizing: border-box;
        width: 25%
    }

    .semi-col-lg-push-6 {
        left: 25%
    }

    .semi-col-lg-pull-6 {
        right: 25%
    }

    .semi-col-lg-offset-6 {
        margin-left: 25%
    }

    .semi-col-lg-order-6 {
        order: 6
    }

    .semi-col-lg-7 {
        display: block;
        box-sizing: border-box;
        width: 29.1666666667%
    }

    .semi-col-lg-push-7 {
        left: 29.1666666667%
    }

    .semi-col-lg-pull-7 {
        right: 29.1666666667%
    }

    .semi-col-lg-offset-7 {
        margin-left: 29.1666666667%
    }

    .semi-col-lg-order-7 {
        order: 7
    }

    .semi-col-lg-8 {
        display: block;
        box-sizing: border-box;
        width: 33.3333333333%
    }

    .semi-col-lg-push-8 {
        left: 33.3333333333%
    }

    .semi-col-lg-pull-8 {
        right: 33.3333333333%
    }

    .semi-col-lg-offset-8 {
        margin-left: 33.3333333333%
    }

    .semi-col-lg-order-8 {
        order: 8
    }

    .semi-col-lg-9 {
        display: block;
        box-sizing: border-box;
        width: 37.5%
    }

    .semi-col-lg-push-9 {
        left: 37.5%
    }

    .semi-col-lg-pull-9 {
        right: 37.5%
    }

    .semi-col-lg-offset-9 {
        margin-left: 37.5%
    }

    .semi-col-lg-order-9 {
        order: 9
    }

    .semi-col-lg-10 {
        display: block;
        box-sizing: border-box;
        width: 41.6666666667%
    }

    .semi-col-lg-push-10 {
        left: 41.6666666667%
    }

    .semi-col-lg-pull-10 {
        right: 41.6666666667%
    }

    .semi-col-lg-offset-10 {
        margin-left: 41.6666666667%
    }

    .semi-col-lg-order-10 {
        order: 10
    }

    .semi-col-lg-11 {
        display: block;
        box-sizing: border-box;
        width: 45.8333333333%
    }

    .semi-col-lg-push-11 {
        left: 45.8333333333%
    }

    .semi-col-lg-pull-11 {
        right: 45.8333333333%
    }

    .semi-col-lg-offset-11 {
        margin-left: 45.8333333333%
    }

    .semi-col-lg-order-11 {
        order: 11
    }

    .semi-col-lg-12 {
        display: block;
        box-sizing: border-box;
        width: 50%
    }

    .semi-col-lg-push-12 {
        left: 50%
    }

    .semi-col-lg-pull-12 {
        right: 50%
    }

    .semi-col-lg-offset-12 {
        margin-left: 50%
    }

    .semi-col-lg-order-12 {
        order: 12
    }

    .semi-col-lg-13 {
        display: block;
        box-sizing: border-box;
        width: 54.1666666667%
    }

    .semi-col-lg-push-13 {
        left: 54.1666666667%
    }

    .semi-col-lg-pull-13 {
        right: 54.1666666667%
    }

    .semi-col-lg-offset-13 {
        margin-left: 54.1666666667%
    }

    .semi-col-lg-order-13 {
        order: 13
    }

    .semi-col-lg-14 {
        display: block;
        box-sizing: border-box;
        width: 58.3333333333%
    }

    .semi-col-lg-push-14 {
        left: 58.3333333333%
    }

    .semi-col-lg-pull-14 {
        right: 58.3333333333%
    }

    .semi-col-lg-offset-14 {
        margin-left: 58.3333333333%
    }

    .semi-col-lg-order-14 {
        order: 14
    }

    .semi-col-lg-15 {
        display: block;
        box-sizing: border-box;
        width: 62.5%
    }

    .semi-col-lg-push-15 {
        left: 62.5%
    }

    .semi-col-lg-pull-15 {
        right: 62.5%
    }

    .semi-col-lg-offset-15 {
        margin-left: 62.5%
    }

    .semi-col-lg-order-15 {
        order: 15
    }

    .semi-col-lg-16 {
        display: block;
        box-sizing: border-box;
        width: 66.6666666667%
    }

    .semi-col-lg-push-16 {
        left: 66.6666666667%
    }

    .semi-col-lg-pull-16 {
        right: 66.6666666667%
    }

    .semi-col-lg-offset-16 {
        margin-left: 66.6666666667%
    }

    .semi-col-lg-order-16 {
        order: 16
    }

    .semi-col-lg-17 {
        display: block;
        box-sizing: border-box;
        width: 70.8333333333%
    }

    .semi-col-lg-push-17 {
        left: 70.8333333333%
    }

    .semi-col-lg-pull-17 {
        right: 70.8333333333%
    }

    .semi-col-lg-offset-17 {
        margin-left: 70.8333333333%
    }

    .semi-col-lg-order-17 {
        order: 17
    }

    .semi-col-lg-18 {
        display: block;
        box-sizing: border-box;
        width: 75%
    }

    .semi-col-lg-push-18 {
        left: 75%
    }

    .semi-col-lg-pull-18 {
        right: 75%
    }

    .semi-col-lg-offset-18 {
        margin-left: 75%
    }

    .semi-col-lg-order-18 {
        order: 18
    }

    .semi-col-lg-19 {
        display: block;
        box-sizing: border-box;
        width: 79.1666666667%
    }

    .semi-col-lg-push-19 {
        left: 79.1666666667%
    }

    .semi-col-lg-pull-19 {
        right: 79.1666666667%
    }

    .semi-col-lg-offset-19 {
        margin-left: 79.1666666667%
    }

    .semi-col-lg-order-19 {
        order: 19
    }

    .semi-col-lg-20 {
        display: block;
        box-sizing: border-box;
        width: 83.3333333333%
    }

    .semi-col-lg-push-20 {
        left: 83.3333333333%
    }

    .semi-col-lg-pull-20 {
        right: 83.3333333333%
    }

    .semi-col-lg-offset-20 {
        margin-left: 83.3333333333%
    }

    .semi-col-lg-order-20 {
        order: 20
    }

    .semi-col-lg-21 {
        display: block;
        box-sizing: border-box;
        width: 87.5%
    }

    .semi-col-lg-push-21 {
        left: 87.5%
    }

    .semi-col-lg-pull-21 {
        right: 87.5%
    }

    .semi-col-lg-offset-21 {
        margin-left: 87.5%
    }

    .semi-col-lg-order-21 {
        order: 21
    }

    .semi-col-lg-22 {
        display: block;
        box-sizing: border-box;
        width: 91.6666666667%
    }

    .semi-col-lg-push-22 {
        left: 91.6666666667%
    }

    .semi-col-lg-pull-22 {
        right: 91.6666666667%
    }

    .semi-col-lg-offset-22 {
        margin-left: 91.6666666667%
    }

    .semi-col-lg-order-22 {
        order: 22
    }

    .semi-col-lg-23 {
        display: block;
        box-sizing: border-box;
        width: 95.8333333333%
    }

    .semi-col-lg-push-23 {
        left: 95.8333333333%
    }

    .semi-col-lg-pull-23 {
        right: 95.8333333333%
    }

    .semi-col-lg-offset-23 {
        margin-left: 95.8333333333%
    }

    .semi-col-lg-order-23 {
        order: 23
    }

    .semi-col-lg-24 {
        display: block;
        box-sizing: border-box;
        width: 100%
    }

    .semi-col-lg-push-24 {
        left: 100%
    }

    .semi-col-lg-pull-24 {
        right: 100%
    }

    .semi-col-lg-offset-24 {
        margin-left: 100%
    }

    .semi-col-lg-order-24 {
        order: 24
    }

    .semi-rtl .semi-col-lg-1, .semi-rtl .semi-col-lg-2, .semi-rtl .semi-col-lg-3, .semi-rtl .semi-col-lg-4, .semi-rtl .semi-col-lg-5, .semi-rtl .semi-col-lg-6, .semi-rtl .semi-col-lg-7, .semi-rtl .semi-col-lg-8, .semi-rtl .semi-col-lg-9, .semi-rtl .semi-col-lg-10, .semi-rtl .semi-col-lg-11, .semi-rtl .semi-col-lg-12, .semi-rtl .semi-col-lg-13, .semi-rtl .semi-col-lg-14, .semi-rtl .semi-col-lg-15, .semi-rtl .semi-col-lg-16, .semi-rtl .semi-col-lg-17, .semi-rtl .semi-col-lg-18, .semi-rtl .semi-col-lg-19, .semi-rtl .semi-col-lg-20, .semi-rtl .semi-col-lg-21, .semi-rtl .semi-col-lg-22, .semi-rtl .semi-col-lg-23, .semi-rtl .semi-col-lg-24 {
        float: right
    }

    .semi-rtl .semi-col-lg-offset-1 {
        margin-left: auto;
        margin-right: 4.1666666667%
    }

    .semi-rtl .semi-col-lg-offset-2 {
        margin-left: auto;
        margin-right: 8.3333333333%
    }

    .semi-rtl .semi-col-lg-offset-3 {
        margin-left: auto;
        margin-right: 12.5%
    }

    .semi-rtl .semi-col-lg-offset-4 {
        margin-left: auto;
        margin-right: 16.6666666667%
    }

    .semi-rtl .semi-col-lg-offset-5 {
        margin-left: auto;
        margin-right: 20.8333333333%
    }

    .semi-rtl .semi-col-lg-offset-6 {
        margin-left: auto;
        margin-right: 25%
    }

    .semi-rtl .semi-col-lg-offset-7 {
        margin-left: auto;
        margin-right: 29.1666666667%
    }

    .semi-rtl .semi-col-lg-offset-8 {
        margin-left: auto;
        margin-right: 33.3333333333%
    }

    .semi-rtl .semi-col-lg-offset-9 {
        margin-left: auto;
        margin-right: 37.5%
    }

    .semi-rtl .semi-col-lg-offset-10 {
        margin-left: auto;
        margin-right: 41.6666666667%
    }

    .semi-rtl .semi-col-lg-offset-11 {
        margin-left: auto;
        margin-right: 45.8333333333%
    }

    .semi-rtl .semi-col-lg-offset-12 {
        margin-left: auto;
        margin-right: 50%
    }

    .semi-rtl .semi-col-lg-offset-13 {
        margin-left: auto;
        margin-right: 54.1666666667%
    }

    .semi-rtl .semi-col-lg-offset-14 {
        margin-left: auto;
        margin-right: 58.3333333333%
    }

    .semi-rtl .semi-col-lg-offset-15 {
        margin-left: auto;
        margin-right: 62.5%
    }

    .semi-rtl .semi-col-lg-offset-16 {
        margin-left: auto;
        margin-right: 66.6666666667%
    }

    .semi-rtl .semi-col-lg-offset-17 {
        margin-left: auto;
        margin-right: 70.8333333333%
    }

    .semi-rtl .semi-col-lg-offset-18 {
        margin-left: auto;
        margin-right: 75%
    }

    .semi-rtl .semi-col-lg-offset-19 {
        margin-left: auto;
        margin-right: 79.1666666667%
    }

    .semi-rtl .semi-col-lg-offset-20 {
        margin-left: auto;
        margin-right: 83.3333333333%
    }

    .semi-rtl .semi-col-lg-offset-21 {
        margin-left: auto;
        margin-right: 87.5%
    }

    .semi-rtl .semi-col-lg-offset-22 {
        margin-left: auto;
        margin-right: 91.6666666667%
    }

    .semi-rtl .semi-col-lg-offset-23 {
        margin-left: auto;
        margin-right: 95.8333333333%
    }

    .semi-rtl .semi-col-lg-offset-24 {
        margin-left: auto;
        margin-right: 100%
    }
}

@media (min-width: 1200px) {
    .semi-col-xl-1, .semi-col-xl-2, .semi-col-xl-3, .semi-col-xl-4, .semi-col-xl-5, .semi-col-xl-6, .semi-col-xl-7, .semi-col-xl-8, .semi-col-xl-9, .semi-col-xl-10, .semi-col-xl-11, .semi-col-xl-12, .semi-col-xl-13, .semi-col-xl-14, .semi-col-xl-15, .semi-col-xl-16, .semi-col-xl-17, .semi-col-xl-18, .semi-col-xl-19, .semi-col-xl-20, .semi-col-xl-21, .semi-col-xl-22, .semi-col-xl-23, .semi-col-xl-24 {
        flex: 0 0 auto;
        float: left
    }

    .semi-col-xl-1 {
        display: block;
        box-sizing: border-box;
        width: 4.1666666667%
    }

    .semi-col-xl-push-1 {
        left: 4.1666666667%
    }

    .semi-col-xl-pull-1 {
        right: 4.1666666667%
    }

    .semi-col-xl-offset-1 {
        margin-left: 4.1666666667%
    }

    .semi-col-xl-order-1 {
        order: 1
    }

    .semi-col-xl-2 {
        display: block;
        box-sizing: border-box;
        width: 8.3333333333%
    }

    .semi-col-xl-push-2 {
        left: 8.3333333333%
    }

    .semi-col-xl-pull-2 {
        right: 8.3333333333%
    }

    .semi-col-xl-offset-2 {
        margin-left: 8.3333333333%
    }

    .semi-col-xl-order-2 {
        order: 2
    }

    .semi-col-xl-3 {
        display: block;
        box-sizing: border-box;
        width: 12.5%
    }

    .semi-col-xl-push-3 {
        left: 12.5%
    }

    .semi-col-xl-pull-3 {
        right: 12.5%
    }

    .semi-col-xl-offset-3 {
        margin-left: 12.5%
    }

    .semi-col-xl-order-3 {
        order: 3
    }

    .semi-col-xl-4 {
        display: block;
        box-sizing: border-box;
        width: 16.6666666667%
    }

    .semi-col-xl-push-4 {
        left: 16.6666666667%
    }

    .semi-col-xl-pull-4 {
        right: 16.6666666667%
    }

    .semi-col-xl-offset-4 {
        margin-left: 16.6666666667%
    }

    .semi-col-xl-order-4 {
        order: 4
    }

    .semi-col-xl-5 {
        display: block;
        box-sizing: border-box;
        width: 20.8333333333%
    }

    .semi-col-xl-push-5 {
        left: 20.8333333333%
    }

    .semi-col-xl-pull-5 {
        right: 20.8333333333%
    }

    .semi-col-xl-offset-5 {
        margin-left: 20.8333333333%
    }

    .semi-col-xl-order-5 {
        order: 5
    }

    .semi-col-xl-6 {
        display: block;
        box-sizing: border-box;
        width: 25%
    }

    .semi-col-xl-push-6 {
        left: 25%
    }

    .semi-col-xl-pull-6 {
        right: 25%
    }

    .semi-col-xl-offset-6 {
        margin-left: 25%
    }

    .semi-col-xl-order-6 {
        order: 6
    }

    .semi-col-xl-7 {
        display: block;
        box-sizing: border-box;
        width: 29.1666666667%
    }

    .semi-col-xl-push-7 {
        left: 29.1666666667%
    }

    .semi-col-xl-pull-7 {
        right: 29.1666666667%
    }

    .semi-col-xl-offset-7 {
        margin-left: 29.1666666667%
    }

    .semi-col-xl-order-7 {
        order: 7
    }

    .semi-col-xl-8 {
        display: block;
        box-sizing: border-box;
        width: 33.3333333333%
    }

    .semi-col-xl-push-8 {
        left: 33.3333333333%
    }

    .semi-col-xl-pull-8 {
        right: 33.3333333333%
    }

    .semi-col-xl-offset-8 {
        margin-left: 33.3333333333%
    }

    .semi-col-xl-order-8 {
        order: 8
    }

    .semi-col-xl-9 {
        display: block;
        box-sizing: border-box;
        width: 37.5%
    }

    .semi-col-xl-push-9 {
        left: 37.5%
    }

    .semi-col-xl-pull-9 {
        right: 37.5%
    }

    .semi-col-xl-offset-9 {
        margin-left: 37.5%
    }

    .semi-col-xl-order-9 {
        order: 9
    }

    .semi-col-xl-10 {
        display: block;
        box-sizing: border-box;
        width: 41.6666666667%
    }

    .semi-col-xl-push-10 {
        left: 41.6666666667%
    }

    .semi-col-xl-pull-10 {
        right: 41.6666666667%
    }

    .semi-col-xl-offset-10 {
        margin-left: 41.6666666667%
    }

    .semi-col-xl-order-10 {
        order: 10
    }

    .semi-col-xl-11 {
        display: block;
        box-sizing: border-box;
        width: 45.8333333333%
    }

    .semi-col-xl-push-11 {
        left: 45.8333333333%
    }

    .semi-col-xl-pull-11 {
        right: 45.8333333333%
    }

    .semi-col-xl-offset-11 {
        margin-left: 45.8333333333%
    }

    .semi-col-xl-order-11 {
        order: 11
    }

    .semi-col-xl-12 {
        display: block;
        box-sizing: border-box;
        width: 50%
    }

    .semi-col-xl-push-12 {
        left: 50%
    }

    .semi-col-xl-pull-12 {
        right: 50%
    }

    .semi-col-xl-offset-12 {
        margin-left: 50%
    }

    .semi-col-xl-order-12 {
        order: 12
    }

    .semi-col-xl-13 {
        display: block;
        box-sizing: border-box;
        width: 54.1666666667%
    }

    .semi-col-xl-push-13 {
        left: 54.1666666667%
    }

    .semi-col-xl-pull-13 {
        right: 54.1666666667%
    }

    .semi-col-xl-offset-13 {
        margin-left: 54.1666666667%
    }

    .semi-col-xl-order-13 {
        order: 13
    }

    .semi-col-xl-14 {
        display: block;
        box-sizing: border-box;
        width: 58.3333333333%
    }

    .semi-col-xl-push-14 {
        left: 58.3333333333%
    }

    .semi-col-xl-pull-14 {
        right: 58.3333333333%
    }

    .semi-col-xl-offset-14 {
        margin-left: 58.3333333333%
    }

    .semi-col-xl-order-14 {
        order: 14
    }

    .semi-col-xl-15 {
        display: block;
        box-sizing: border-box;
        width: 62.5%
    }

    .semi-col-xl-push-15 {
        left: 62.5%
    }

    .semi-col-xl-pull-15 {
        right: 62.5%
    }

    .semi-col-xl-offset-15 {
        margin-left: 62.5%
    }

    .semi-col-xl-order-15 {
        order: 15
    }

    .semi-col-xl-16 {
        display: block;
        box-sizing: border-box;
        width: 66.6666666667%
    }

    .semi-col-xl-push-16 {
        left: 66.6666666667%
    }

    .semi-col-xl-pull-16 {
        right: 66.6666666667%
    }

    .semi-col-xl-offset-16 {
        margin-left: 66.6666666667%
    }

    .semi-col-xl-order-16 {
        order: 16
    }

    .semi-col-xl-17 {
        display: block;
        box-sizing: border-box;
        width: 70.8333333333%
    }

    .semi-col-xl-push-17 {
        left: 70.8333333333%
    }

    .semi-col-xl-pull-17 {
        right: 70.8333333333%
    }

    .semi-col-xl-offset-17 {
        margin-left: 70.8333333333%
    }

    .semi-col-xl-order-17 {
        order: 17
    }

    .semi-col-xl-18 {
        display: block;
        box-sizing: border-box;
        width: 75%
    }

    .semi-col-xl-push-18 {
        left: 75%
    }

    .semi-col-xl-pull-18 {
        right: 75%
    }

    .semi-col-xl-offset-18 {
        margin-left: 75%
    }

    .semi-col-xl-order-18 {
        order: 18
    }

    .semi-col-xl-19 {
        display: block;
        box-sizing: border-box;
        width: 79.1666666667%
    }

    .semi-col-xl-push-19 {
        left: 79.1666666667%
    }

    .semi-col-xl-pull-19 {
        right: 79.1666666667%
    }

    .semi-col-xl-offset-19 {
        margin-left: 79.1666666667%
    }

    .semi-col-xl-order-19 {
        order: 19
    }

    .semi-col-xl-20 {
        display: block;
        box-sizing: border-box;
        width: 83.3333333333%
    }

    .semi-col-xl-push-20 {
        left: 83.3333333333%
    }

    .semi-col-xl-pull-20 {
        right: 83.3333333333%
    }

    .semi-col-xl-offset-20 {
        margin-left: 83.3333333333%
    }

    .semi-col-xl-order-20 {
        order: 20
    }

    .semi-col-xl-21 {
        display: block;
        box-sizing: border-box;
        width: 87.5%
    }

    .semi-col-xl-push-21 {
        left: 87.5%
    }

    .semi-col-xl-pull-21 {
        right: 87.5%
    }

    .semi-col-xl-offset-21 {
        margin-left: 87.5%
    }

    .semi-col-xl-order-21 {
        order: 21
    }

    .semi-col-xl-22 {
        display: block;
        box-sizing: border-box;
        width: 91.6666666667%
    }

    .semi-col-xl-push-22 {
        left: 91.6666666667%
    }

    .semi-col-xl-pull-22 {
        right: 91.6666666667%
    }

    .semi-col-xl-offset-22 {
        margin-left: 91.6666666667%
    }

    .semi-col-xl-order-22 {
        order: 22
    }

    .semi-col-xl-23 {
        display: block;
        box-sizing: border-box;
        width: 95.8333333333%
    }

    .semi-col-xl-push-23 {
        left: 95.8333333333%
    }

    .semi-col-xl-pull-23 {
        right: 95.8333333333%
    }

    .semi-col-xl-offset-23 {
        margin-left: 95.8333333333%
    }

    .semi-col-xl-order-23 {
        order: 23
    }

    .semi-col-xl-24 {
        display: block;
        box-sizing: border-box;
        width: 100%
    }

    .semi-col-xl-push-24 {
        left: 100%
    }

    .semi-col-xl-pull-24 {
        right: 100%
    }

    .semi-col-xl-offset-24 {
        margin-left: 100%
    }

    .semi-col-xl-order-24 {
        order: 24
    }

    .semi-rtl .semi-col-xl-1, .semi-rtl .semi-col-xl-2, .semi-rtl .semi-col-xl-3, .semi-rtl .semi-col-xl-4, .semi-rtl .semi-col-xl-5, .semi-rtl .semi-col-xl-6, .semi-rtl .semi-col-xl-7, .semi-rtl .semi-col-xl-8, .semi-rtl .semi-col-xl-9, .semi-rtl .semi-col-xl-10, .semi-rtl .semi-col-xl-11, .semi-rtl .semi-col-xl-12, .semi-rtl .semi-col-xl-13, .semi-rtl .semi-col-xl-14, .semi-rtl .semi-col-xl-15, .semi-rtl .semi-col-xl-16, .semi-rtl .semi-col-xl-17, .semi-rtl .semi-col-xl-18, .semi-rtl .semi-col-xl-19, .semi-rtl .semi-col-xl-20, .semi-rtl .semi-col-xl-21, .semi-rtl .semi-col-xl-22, .semi-rtl .semi-col-xl-23, .semi-rtl .semi-col-xl-24 {
        float: right
    }

    .semi-rtl .semi-col-xl-offset-1 {
        margin-left: auto;
        margin-right: 4.1666666667%
    }

    .semi-rtl .semi-col-xl-offset-2 {
        margin-left: auto;
        margin-right: 8.3333333333%
    }

    .semi-rtl .semi-col-xl-offset-3 {
        margin-left: auto;
        margin-right: 12.5%
    }

    .semi-rtl .semi-col-xl-offset-4 {
        margin-left: auto;
        margin-right: 16.6666666667%
    }

    .semi-rtl .semi-col-xl-offset-5 {
        margin-left: auto;
        margin-right: 20.8333333333%
    }

    .semi-rtl .semi-col-xl-offset-6 {
        margin-left: auto;
        margin-right: 25%
    }

    .semi-rtl .semi-col-xl-offset-7 {
        margin-left: auto;
        margin-right: 29.1666666667%
    }

    .semi-rtl .semi-col-xl-offset-8 {
        margin-left: auto;
        margin-right: 33.3333333333%
    }

    .semi-rtl .semi-col-xl-offset-9 {
        margin-left: auto;
        margin-right: 37.5%
    }

    .semi-rtl .semi-col-xl-offset-10 {
        margin-left: auto;
        margin-right: 41.6666666667%
    }

    .semi-rtl .semi-col-xl-offset-11 {
        margin-left: auto;
        margin-right: 45.8333333333%
    }

    .semi-rtl .semi-col-xl-offset-12 {
        margin-left: auto;
        margin-right: 50%
    }

    .semi-rtl .semi-col-xl-offset-13 {
        margin-left: auto;
        margin-right: 54.1666666667%
    }

    .semi-rtl .semi-col-xl-offset-14 {
        margin-left: auto;
        margin-right: 58.3333333333%
    }

    .semi-rtl .semi-col-xl-offset-15 {
        margin-left: auto;
        margin-right: 62.5%
    }

    .semi-rtl .semi-col-xl-offset-16 {
        margin-left: auto;
        margin-right: 66.6666666667%
    }

    .semi-rtl .semi-col-xl-offset-17 {
        margin-left: auto;
        margin-right: 70.8333333333%
    }

    .semi-rtl .semi-col-xl-offset-18 {
        margin-left: auto;
        margin-right: 75%
    }

    .semi-rtl .semi-col-xl-offset-19 {
        margin-left: auto;
        margin-right: 79.1666666667%
    }

    .semi-rtl .semi-col-xl-offset-20 {
        margin-left: auto;
        margin-right: 83.3333333333%
    }

    .semi-rtl .semi-col-xl-offset-21 {
        margin-left: auto;
        margin-right: 87.5%
    }

    .semi-rtl .semi-col-xl-offset-22 {
        margin-left: auto;
        margin-right: 91.6666666667%
    }

    .semi-rtl .semi-col-xl-offset-23 {
        margin-left: auto;
        margin-right: 95.8333333333%
    }

    .semi-rtl .semi-col-xl-offset-24 {
        margin-left: auto;
        margin-right: 100%
    }
}

@media (min-width: 1600px) {
    .semi-col-xxl-1, .semi-col-xxl-2, .semi-col-xxl-3, .semi-col-xxl-4, .semi-col-xxl-5, .semi-col-xxl-6, .semi-col-xxl-7, .semi-col-xxl-8, .semi-col-xxl-9, .semi-col-xxl-10, .semi-col-xxl-11, .semi-col-xxl-12, .semi-col-xxl-13, .semi-col-xxl-14, .semi-col-xxl-15, .semi-col-xxl-16, .semi-col-xxl-17, .semi-col-xxl-18, .semi-col-xxl-19, .semi-col-xxl-20, .semi-col-xxl-21, .semi-col-xxl-22, .semi-col-xxl-23, .semi-col-xxl-24 {
        flex: 0 0 auto;
        float: left
    }

    .semi-col-xxl-1 {
        display: block;
        box-sizing: border-box;
        width: 4.1666666667%
    }

    .semi-col-xxl-push-1 {
        left: 4.1666666667%
    }

    .semi-col-xxl-pull-1 {
        right: 4.1666666667%
    }

    .semi-col-xxl-offset-1 {
        margin-left: 4.1666666667%
    }

    .semi-col-xxl-order-1 {
        order: 1
    }

    .semi-col-xxl-2 {
        display: block;
        box-sizing: border-box;
        width: 8.3333333333%
    }

    .semi-col-xxl-push-2 {
        left: 8.3333333333%
    }

    .semi-col-xxl-pull-2 {
        right: 8.3333333333%
    }

    .semi-col-xxl-offset-2 {
        margin-left: 8.3333333333%
    }

    .semi-col-xxl-order-2 {
        order: 2
    }

    .semi-col-xxl-3 {
        display: block;
        box-sizing: border-box;
        width: 12.5%
    }

    .semi-col-xxl-push-3 {
        left: 12.5%
    }

    .semi-col-xxl-pull-3 {
        right: 12.5%
    }

    .semi-col-xxl-offset-3 {
        margin-left: 12.5%
    }

    .semi-col-xxl-order-3 {
        order: 3
    }

    .semi-col-xxl-4 {
        display: block;
        box-sizing: border-box;
        width: 16.6666666667%
    }

    .semi-col-xxl-push-4 {
        left: 16.6666666667%
    }

    .semi-col-xxl-pull-4 {
        right: 16.6666666667%
    }

    .semi-col-xxl-offset-4 {
        margin-left: 16.6666666667%
    }

    .semi-col-xxl-order-4 {
        order: 4
    }

    .semi-col-xxl-5 {
        display: block;
        box-sizing: border-box;
        width: 20.8333333333%
    }

    .semi-col-xxl-push-5 {
        left: 20.8333333333%
    }

    .semi-col-xxl-pull-5 {
        right: 20.8333333333%
    }

    .semi-col-xxl-offset-5 {
        margin-left: 20.8333333333%
    }

    .semi-col-xxl-order-5 {
        order: 5
    }

    .semi-col-xxl-6 {
        display: block;
        box-sizing: border-box;
        width: 25%
    }

    .semi-col-xxl-push-6 {
        left: 25%
    }

    .semi-col-xxl-pull-6 {
        right: 25%
    }

    .semi-col-xxl-offset-6 {
        margin-left: 25%
    }

    .semi-col-xxl-order-6 {
        order: 6
    }

    .semi-col-xxl-7 {
        display: block;
        box-sizing: border-box;
        width: 29.1666666667%
    }

    .semi-col-xxl-push-7 {
        left: 29.1666666667%
    }

    .semi-col-xxl-pull-7 {
        right: 29.1666666667%
    }

    .semi-col-xxl-offset-7 {
        margin-left: 29.1666666667%
    }

    .semi-col-xxl-order-7 {
        order: 7
    }

    .semi-col-xxl-8 {
        display: block;
        box-sizing: border-box;
        width: 33.3333333333%
    }

    .semi-col-xxl-push-8 {
        left: 33.3333333333%
    }

    .semi-col-xxl-pull-8 {
        right: 33.3333333333%
    }

    .semi-col-xxl-offset-8 {
        margin-left: 33.3333333333%
    }

    .semi-col-xxl-order-8 {
        order: 8
    }

    .semi-col-xxl-9 {
        display: block;
        box-sizing: border-box;
        width: 37.5%
    }

    .semi-col-xxl-push-9 {
        left: 37.5%
    }

    .semi-col-xxl-pull-9 {
        right: 37.5%
    }

    .semi-col-xxl-offset-9 {
        margin-left: 37.5%
    }

    .semi-col-xxl-order-9 {
        order: 9
    }

    .semi-col-xxl-10 {
        display: block;
        box-sizing: border-box;
        width: 41.6666666667%
    }

    .semi-col-xxl-push-10 {
        left: 41.6666666667%
    }

    .semi-col-xxl-pull-10 {
        right: 41.6666666667%
    }

    .semi-col-xxl-offset-10 {
        margin-left: 41.6666666667%
    }

    .semi-col-xxl-order-10 {
        order: 10
    }

    .semi-col-xxl-11 {
        display: block;
        box-sizing: border-box;
        width: 45.8333333333%
    }

    .semi-col-xxl-push-11 {
        left: 45.8333333333%
    }

    .semi-col-xxl-pull-11 {
        right: 45.8333333333%
    }

    .semi-col-xxl-offset-11 {
        margin-left: 45.8333333333%
    }

    .semi-col-xxl-order-11 {
        order: 11
    }

    .semi-col-xxl-12 {
        display: block;
        box-sizing: border-box;
        width: 50%
    }

    .semi-col-xxl-push-12 {
        left: 50%
    }

    .semi-col-xxl-pull-12 {
        right: 50%
    }

    .semi-col-xxl-offset-12 {
        margin-left: 50%
    }

    .semi-col-xxl-order-12 {
        order: 12
    }

    .semi-col-xxl-13 {
        display: block;
        box-sizing: border-box;
        width: 54.1666666667%
    }

    .semi-col-xxl-push-13 {
        left: 54.1666666667%
    }

    .semi-col-xxl-pull-13 {
        right: 54.1666666667%
    }

    .semi-col-xxl-offset-13 {
        margin-left: 54.1666666667%
    }

    .semi-col-xxl-order-13 {
        order: 13
    }

    .semi-col-xxl-14 {
        display: block;
        box-sizing: border-box;
        width: 58.3333333333%
    }

    .semi-col-xxl-push-14 {
        left: 58.3333333333%
    }

    .semi-col-xxl-pull-14 {
        right: 58.3333333333%
    }

    .semi-col-xxl-offset-14 {
        margin-left: 58.3333333333%
    }

    .semi-col-xxl-order-14 {
        order: 14
    }

    .semi-col-xxl-15 {
        display: block;
        box-sizing: border-box;
        width: 62.5%
    }

    .semi-col-xxl-push-15 {
        left: 62.5%
    }

    .semi-col-xxl-pull-15 {
        right: 62.5%
    }

    .semi-col-xxl-offset-15 {
        margin-left: 62.5%
    }

    .semi-col-xxl-order-15 {
        order: 15
    }

    .semi-col-xxl-16 {
        display: block;
        box-sizing: border-box;
        width: 66.6666666667%
    }

    .semi-col-xxl-push-16 {
        left: 66.6666666667%
    }

    .semi-col-xxl-pull-16 {
        right: 66.6666666667%
    }

    .semi-col-xxl-offset-16 {
        margin-left: 66.6666666667%
    }

    .semi-col-xxl-order-16 {
        order: 16
    }

    .semi-col-xxl-17 {
        display: block;
        box-sizing: border-box;
        width: 70.8333333333%
    }

    .semi-col-xxl-push-17 {
        left: 70.8333333333%
    }

    .semi-col-xxl-pull-17 {
        right: 70.8333333333%
    }

    .semi-col-xxl-offset-17 {
        margin-left: 70.8333333333%
    }

    .semi-col-xxl-order-17 {
        order: 17
    }

    .semi-col-xxl-18 {
        display: block;
        box-sizing: border-box;
        width: 75%
    }

    .semi-col-xxl-push-18 {
        left: 75%
    }

    .semi-col-xxl-pull-18 {
        right: 75%
    }

    .semi-col-xxl-offset-18 {
        margin-left: 75%
    }

    .semi-col-xxl-order-18 {
        order: 18
    }

    .semi-col-xxl-19 {
        display: block;
        box-sizing: border-box;
        width: 79.1666666667%
    }

    .semi-col-xxl-push-19 {
        left: 79.1666666667%
    }

    .semi-col-xxl-pull-19 {
        right: 79.1666666667%
    }

    .semi-col-xxl-offset-19 {
        margin-left: 79.1666666667%
    }

    .semi-col-xxl-order-19 {
        order: 19
    }

    .semi-col-xxl-20 {
        display: block;
        box-sizing: border-box;
        width: 83.3333333333%
    }

    .semi-col-xxl-push-20 {
        left: 83.3333333333%
    }

    .semi-col-xxl-pull-20 {
        right: 83.3333333333%
    }

    .semi-col-xxl-offset-20 {
        margin-left: 83.3333333333%
    }

    .semi-col-xxl-order-20 {
        order: 20
    }

    .semi-col-xxl-21 {
        display: block;
        box-sizing: border-box;
        width: 87.5%
    }

    .semi-col-xxl-push-21 {
        left: 87.5%
    }

    .semi-col-xxl-pull-21 {
        right: 87.5%
    }

    .semi-col-xxl-offset-21 {
        margin-left: 87.5%
    }

    .semi-col-xxl-order-21 {
        order: 21
    }

    .semi-col-xxl-22 {
        display: block;
        box-sizing: border-box;
        width: 91.6666666667%
    }

    .semi-col-xxl-push-22 {
        left: 91.6666666667%
    }

    .semi-col-xxl-pull-22 {
        right: 91.6666666667%
    }

    .semi-col-xxl-offset-22 {
        margin-left: 91.6666666667%
    }

    .semi-col-xxl-order-22 {
        order: 22
    }

    .semi-col-xxl-23 {
        display: block;
        box-sizing: border-box;
        width: 95.8333333333%
    }

    .semi-col-xxl-push-23 {
        left: 95.8333333333%
    }

    .semi-col-xxl-pull-23 {
        right: 95.8333333333%
    }

    .semi-col-xxl-offset-23 {
        margin-left: 95.8333333333%
    }

    .semi-col-xxl-order-23 {
        order: 23
    }

    .semi-col-xxl-24 {
        display: block;
        box-sizing: border-box;
        width: 100%
    }

    .semi-col-xxl-push-24 {
        left: 100%
    }

    .semi-col-xxl-pull-24 {
        right: 100%
    }

    .semi-col-xxl-offset-24 {
        margin-left: 100%
    }

    .semi-col-xxl-order-24 {
        order: 24
    }

    .semi-rtl .semi-col-xxl-1, .semi-rtl .semi-col-xxl-2, .semi-rtl .semi-col-xxl-3, .semi-rtl .semi-col-xxl-4, .semi-rtl .semi-col-xxl-5, .semi-rtl .semi-col-xxl-6, .semi-rtl .semi-col-xxl-7, .semi-rtl .semi-col-xxl-8, .semi-rtl .semi-col-xxl-9, .semi-rtl .semi-col-xxl-10, .semi-rtl .semi-col-xxl-11, .semi-rtl .semi-col-xxl-12, .semi-rtl .semi-col-xxl-13, .semi-rtl .semi-col-xxl-14, .semi-rtl .semi-col-xxl-15, .semi-rtl .semi-col-xxl-16, .semi-rtl .semi-col-xxl-17, .semi-rtl .semi-col-xxl-18, .semi-rtl .semi-col-xxl-19, .semi-rtl .semi-col-xxl-20, .semi-rtl .semi-col-xxl-21, .semi-rtl .semi-col-xxl-22, .semi-rtl .semi-col-xxl-23, .semi-rtl .semi-col-xxl-24 {
        float: right
    }

    .semi-rtl .semi-col-xxl-offset-1 {
        margin-left: auto;
        margin-right: 4.1666666667%
    }

    .semi-rtl .semi-col-xxl-offset-2 {
        margin-left: auto;
        margin-right: 8.3333333333%
    }

    .semi-rtl .semi-col-xxl-offset-3 {
        margin-left: auto;
        margin-right: 12.5%
    }

    .semi-rtl .semi-col-xxl-offset-4 {
        margin-left: auto;
        margin-right: 16.6666666667%
    }

    .semi-rtl .semi-col-xxl-offset-5 {
        margin-left: auto;
        margin-right: 20.8333333333%
    }

    .semi-rtl .semi-col-xxl-offset-6 {
        margin-left: auto;
        margin-right: 25%
    }

    .semi-rtl .semi-col-xxl-offset-7 {
        margin-left: auto;
        margin-right: 29.1666666667%
    }

    .semi-rtl .semi-col-xxl-offset-8 {
        margin-left: auto;
        margin-right: 33.3333333333%
    }

    .semi-rtl .semi-col-xxl-offset-9 {
        margin-left: auto;
        margin-right: 37.5%
    }

    .semi-rtl .semi-col-xxl-offset-10 {
        margin-left: auto;
        margin-right: 41.6666666667%
    }

    .semi-rtl .semi-col-xxl-offset-11 {
        margin-left: auto;
        margin-right: 45.8333333333%
    }

    .semi-rtl .semi-col-xxl-offset-12 {
        margin-left: auto;
        margin-right: 50%
    }

    .semi-rtl .semi-col-xxl-offset-13 {
        margin-left: auto;
        margin-right: 54.1666666667%
    }

    .semi-rtl .semi-col-xxl-offset-14 {
        margin-left: auto;
        margin-right: 58.3333333333%
    }

    .semi-rtl .semi-col-xxl-offset-15 {
        margin-left: auto;
        margin-right: 62.5%
    }

    .semi-rtl .semi-col-xxl-offset-16 {
        margin-left: auto;
        margin-right: 66.6666666667%
    }

    .semi-rtl .semi-col-xxl-offset-17 {
        margin-left: auto;
        margin-right: 70.8333333333%
    }

    .semi-rtl .semi-col-xxl-offset-18 {
        margin-left: auto;
        margin-right: 75%
    }

    .semi-rtl .semi-col-xxl-offset-19 {
        margin-left: auto;
        margin-right: 79.1666666667%
    }

    .semi-rtl .semi-col-xxl-offset-20 {
        margin-left: auto;
        margin-right: 83.3333333333%
    }

    .semi-rtl .semi-col-xxl-offset-21 {
        margin-left: auto;
        margin-right: 87.5%
    }

    .semi-rtl .semi-col-xxl-offset-22 {
        margin-left: auto;
        margin-right: 91.6666666667%
    }

    .semi-rtl .semi-col-xxl-offset-23 {
        margin-left: auto;
        margin-right: 95.8333333333%
    }

    .semi-rtl .semi-col-xxl-offset-24 {
        margin-left: auto;
        margin-right: 100%
    }
}

.semi-rtl .semi-row, .semi-rtl .semi-row-flex, .semi-portal-rtl .semi-row, .semi-portal-rtl .semi-row-flex {
    direction: rtl
}

.semi-input-textarea-wrapper {
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    width: 100%;
    border: 1px var(--semi-color-border) solid;
    border-radius: var(--semi-border-radius-small);
    vertical-align: bottom;
    background-color: var(--semi-color-bg-1);
    transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none),border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none)
}

    .semi-input-textarea-wrapper:hover {
        background-color: var(--semi-color-bg-0)
    }

.semi-input-textarea-wrapper-focus {
    background-color: var(--semi-color-bg-0);
    border: 1px var(--semi-color-focus-border) solid
}

    .semi-input-textarea-wrapper-focus:hover, .semi-input-textarea-wrapper-focus:active, .semi-input-textarea-wrapper:active {
        background-color: var(--semi-color-bg-0)
    }

.semi-input-textarea-wrapper .semi-input-clearbtn {
    position: absolute;
    top: 0;
    min-width: 24px;
    color: var(--semi-color-text-2);
    right: 4px;
    height: 32px
}

    .semi-input-textarea-wrapper .semi-input-clearbtn > svg {
        pointer-events: none
    }

    .semi-input-textarea-wrapper .semi-input-clearbtn:hover {
        cursor: pointer
    }

        .semi-input-textarea-wrapper .semi-input-clearbtn:hover .semi-icon {
            color: var(--semi-color-primary-hover)
        }

.semi-input-textarea-wrapper .semi-input-clearbtn-hidden {
    visibility: hidden
}

.semi-input-textarea-wrapper-disabled, .semi-input-textarea-wrapper-readonly {
    cursor: not-allowed;
    color: var(--semi-color-disabled-text);
    background-color: var(--semi-color-disabled-fill)
}

    .semi-input-textarea-wrapper-disabled:hover, .semi-input-textarea-wrapper-readonly:hover {
        background-color: var(--semi-color-disabled-fill)
    }

    .semi-input-textarea-wrapper-disabled::placeholder, .semi-input-textarea-wrapper-readonly::placeholder {
        color: var(--semi-color-disabled-text)
    }

.semi-input-textarea-wrapper-readonly {
    cursor: text
}

.semi-input-textarea-wrapper-error {
    background-color: var(--semi-color-danger-light-default);
    border-color: var(--semi-color-danger-light-default)
}

    .semi-input-textarea-wrapper-error:hover {
        background-color: var(--semi-color-danger-light-hover);
        border-color: var(--semi-color-danger-light-hover)
    }

    .semi-input-textarea-wrapper-error.semi-input-textarea-wrapper-focus {
        background-color: var(--semi-color-danger-light-default);
        border-color: var(--semi-color-danger)
    }

    .semi-input-textarea-wrapper-error:active {
        background-color: var(--semi-color-danger-light-active);
        border-color: var(--semi-color-danger)
    }

.semi-input-textarea-wrapper-warning {
    background-color: var(--semi-color-warning-light-default);
    border-color: var(--semi-color-warning-light-default)
}

    .semi-input-textarea-wrapper-warning:hover {
        background-color: var(--semi-color-warning-light-hover);
        border-color: var(--semi-color-warning-light-hover)
    }

    .semi-input-textarea-wrapper-warning.semi-input-textarea-wrapper-focus {
        background-color: var(--semi-color-warning-light-default);
        border-color: var(--semi-color-warning)
    }

    .semi-input-textarea-wrapper-warning:active {
        background-color: var(--semi-color-warning-light-active);
        border-color: var(--semi-color-warning)
    }

.semi-input-textarea {
    position: relative;
    resize: none;
    padding: 5px 12px;
    box-shadow: none;
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    background-color: transparent;
    border: 0 solid transparent;
    vertical-align: bottom;
    width: 100%;
    outline: none;
    cursor: text;
    box-sizing: border-box;
    color: var(--semi-color-text-0)
}

    .semi-input-textarea:hover {
        border-color: transparent
    }

    .semi-input-textarea::placeholder {
        color: var(--semi-color-text-2)
    }

.semi-input-textarea-showClear {
    padding-right: 36px
}

.semi-input-textarea-disabled, .semi-input-textarea-readonly {
    cursor: not-allowed;
    color: var(--semi-color-disabled-text);
    background-color: transparent
}

    .semi-input-textarea-disabled:hover, .semi-input-textarea-readonly:hover {
        background-color: transparent
    }

    .semi-input-textarea-disabled::placeholder, .semi-input-textarea-readonly::placeholder {
        color: var(--semi-color-disabled-text)
    }

.semi-input-textarea-readonly {
    cursor: text
}

.semi-input-textarea-autosize {
    overflow: hidden
}

.semi-input-textarea-counter {
    font-size: 12px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 3px 12px 5px;
    min-height: 24px;
    text-align: right;
    color: var(--semi-color-text-2)
}

.semi-input-textarea-counter-exceed {
    color: var(--semi-color-danger)
}

.semi-input-textarea-borderless:not(:focus-within):not(:hover) {
    background-color: transparent;
    border-color: transparent
}

.semi-input-textarea-borderless:focus-within:not(:active) {
    background-color: transparent
}

.semi-input-textarea-borderless.semi-input-textarea-wrapper-error:not(:focus-within) {
    border-color: var(--semi-color-danger)
}

.semi-input-textarea-borderless.semi-input-textarea-wrapper-warning:not(:focus-within) {
    border-color: var(--semi-color-warning)
}

.semi-input-textarea-borderless.semi-input-textarea-wrapper-error .semi-input-textarea-counter {
    color: var(--semi-color-danger)
}

.semi-input-textarea-borderless.semi-input-textarea-wrapper-warning .semi-input-textarea-counter {
    color: var(--semi-color-warning)
}

.semi-rtl .semi-input-wrapper, .semi-portal-rtl .semi-input-wrapper {
    direction: rtl
}

.semi-rtl .semi-input-wrapper__with-prefix .semi-input, .semi-portal-rtl .semi-input-wrapper__with-prefix .semi-input {
    padding-left: auto;
    padding-right: 0
}

.semi-rtl .semi-input-wrapper__with-suffix .semi-input, .semi-portal-rtl .semi-input-wrapper__with-suffix .semi-input {
    padding-right: auto;
    padding-left: 0
}

.semi-rtl .semi-input, .semi-portal-rtl .semi-input {
    padding-left: 12px;
    padding-right: 12px
}

.semi-rtl .semi-input-inset-label, .semi-portal-rtl .semi-input-inset-label {
    margin-right: auto;
    margin-left: 12px
}

.semi-rtl .semi-input-clearbtn + .semi-rtl .semi-input-suffix + .semi-input-suffix-text, .semi-rtl .semi-input-clearbtn + .semi-portal-rtl .semi-input-suffix + .semi-input-suffix-text, .semi-portal-rtl .semi-input-clearbtn + .semi-rtl .semi-input-suffix + .semi-input-suffix-text, .semi-portal-rtl .semi-input-clearbtn + .semi-portal-rtl .semi-input-suffix + .semi-input-suffix-text {
    margin-left: auto;
    margin-right: 0
}

.semi-rtl .semi-input-clearbtn + .semi-rtl .semi-input-suffix + .semi-input-suffix-icon, .semi-rtl .semi-input-clearbtn + .semi-portal-rtl .semi-input-suffix + .semi-input-suffix-icon, .semi-portal-rtl .semi-input-clearbtn + .semi-rtl .semi-input-suffix + .semi-input-suffix-icon, .semi-portal-rtl .semi-input-clearbtn + .semi-portal-rtl .semi-input-suffix + .semi-input-suffix-icon {
    margin-left: auto;
    margin-right: 0
}

.semi-rtl .semi-input-append, .semi-portal-rtl .semi-input-append {
    border-left: 0;
    border-right: 1px transparent solid
}

.semi-rtl .semi-input-prepend, .semi-portal-rtl .semi-input-prepend {
    border-right: 0;
    border-left: 1px transparent solid
}

.semi-rtl .semi-input-group .semi-select:not(:last-child):after, .semi-rtl .semi-input-group .semi-cascader:not(:last-child):after, .semi-rtl .semi-input-group .semi-tree-select:not(:last-child):after, .semi-rtl .semi-input-group > .semi-input-wrapper:not(:last-child):after, .semi-portal-rtl .semi-input-group .semi-select:not(:last-child):after, .semi-portal-rtl .semi-input-group .semi-cascader:not(:last-child):after, .semi-portal-rtl .semi-input-group .semi-tree-select:not(:last-child):after, .semi-portal-rtl .semi-input-group > .semi-input-wrapper:not(:last-child):after {
    right: auto;
    left: -1px
}

.semi-rtl .semi-input-group .semi-input-number:not(:last-child):after, .semi-portal-rtl .semi-input-group .semi-input-number:not(:last-child):after {
    right: auto;
    left: -1px
}

.semi-rtl .semi-input-textarea-wrapper, .semi-portal-rtl .semi-input-textarea-wrapper {
    direction: rtl
}

.semi-rtl .semi-input-textarea-counter, .semi-portal-rtl .semi-input-textarea-counter {
    text-align: left
}

.semi-rtl .semi-input-textarea-showClear, .semi-portal-rtl .semi-input-textarea-showClear {
    padding-right: 0;
    padding-left: 36px
}

.semi-input-number {
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none),border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
    transform: scale(var(--semi-transform_scale-none))
}

.semi-input-number-suffix-btns {
    display: inline-flex;
    flex-direction: column;
    margin-left: 4px;
    border: 1px solid var(--semi-color-border);
    border-radius: 6px;
    background-color: var(--semi-color-bg-1);
    box-sizing: border-box
}

    .semi-input-number-suffix-btns > .semi-input-number-button {
        height: 50%;
        width: 14px;
        padding: 0;
        margin: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        -webkit-user-select: none;
        user-select: none;
        border-radius: 0;
        color: var(--semi-color-text-2)
    }

    .semi-input-number-suffix-btns > .semi-input-number-button-up:not(.semi-input-number-button-up-not-allowed):hover, .semi-input-number-suffix-btns > .semi-input-number-button-down:not(.semi-input-number-button-down-not-allowed):hover {
        cursor: pointer;
        background-color: var(--semi-color-fill-0)
    }

    .semi-input-number-suffix-btns > .semi-input-number-button-up:not(.semi-input-number-button-up-not-allowed):active, .semi-input-number-suffix-btns > .semi-input-number-button-down:not(.semi-input-number-button-down-not-allowed):active {
        cursor: pointer;
        background-color: var(--semi-color-fill-1)
    }

    .semi-input-number-suffix-btns > .semi-input-number-button-up.semi-input-number-button-up-disabled, .semi-input-number-suffix-btns > .semi-input-number-button-down.semi-input-number-button-down-disabled {
        background-color: var(--semi-color-disabled-fill);
        color: var(--semi-color-disabled-text)
    }

    .semi-input-number-suffix-btns > .semi-input-number-button-up.semi-input-number-button-up-not-allowed, .semi-input-number-suffix-btns > .semi-input-number-button-down.semi-input-number-button-down-not-allowed {
        cursor: not-allowed
    }

.semi-input-number-suffix-btns-inner-hover {
    border-color: var(--semi-color-fill-2)
}

.semi-input-number-suffix-btns-inner {
    margin-left: 8px
}

.semi-input-number .semi-input-clearbtn + .semi-input-suffix {
    margin-left: -4px
}

    .semi-input-number .semi-input-clearbtn + .semi-input-suffix .semi-input-number-suffix-btns-inner {
        margin-left: 0
    }

.semi-input-number-size-default .semi-input-number-suffix-btns {
    height: 36px
}

.semi-input-number-size-default .semi-input-number-suffix-btns-inner {
    height: 30px
}

.semi-input-number-size-large .semi-input-number-suffix-btns {
    height: 40px
}

.semi-input-number-size-large .semi-input-number-suffix-btns-inner {
    height: 38px
}

.semi-input-number-size-small .semi-input-number-suffix-btns {
    height: 30px
}

.semi-input-number-size-small .semi-input-number-suffix-btns-inner {
    height: 22px
}

.semi-input-number:not(:focus-within):not(:hover) .semi-input-borderless + .semi-input-number-suffix-btns {
    opacity: 0
}

.semi-rtl .semi-input-number, .semi-portal-rtl .semi-input-number {
    direction: rtl
}

.semi-rtl .semi-input-number-suffix-btns, .semi-portal-rtl .semi-input-number-suffix-btns {
    margin-left: auto;
    margin-right: 4px
}

.semi-rtl .semi-input-number-suffix-btns-inner, .semi-portal-rtl .semi-input-number-suffix-btns-inner {
    margin-left: auto;
    margin-right: 8px
}

.semi-rtl .semi-input-number .semi-input-clearbtn + .semi-input-suffix, .semi-portal-rtl .semi-input-number .semi-input-clearbtn + .semi-input-suffix {
    margin-left: auto;
    margin-right: -4px
}

    .semi-rtl .semi-input-number .semi-input-clearbtn + .semi-input-suffix .semi-input-number-suffix-btns-inner, .semi-portal-rtl .semi-input-number .semi-input-clearbtn + .semi-input-suffix .semi-input-number-suffix-btns-inner {
        margin-left: auto;
        margin-right: 0
    }

.semi-select-option {
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    word-break: break-all;
    padding: 8px 12px;
    color: var(--semi-color-text-0);
    border-radius: 0;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    cursor: pointer;
    box-sizing: border-box;
    transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none)
}

.semi-select-option-icon {
    width: 12px;
    color: transparent;
    margin-right: 8px;
    display: flex;
    justify-content: center;
    align-content: center
}

.semi-select-option-text {
    display: flex;
    flex-wrap: wrap;
    white-space: pre
}

.semi-select-option-keyword {
    color: var(--semi-color-primary);
    background-color: inherit;
    font-weight: 600
}

.semi-select-option:active {
    background-color: var(--semi-color-fill-1)
}

.semi-select-option-empty {
    cursor: not-allowed;
    color: var(--semi-color-disabled-text);
    justify-content: center
}

    .semi-select-option-empty:hover, .semi-select-option-empty:active {
        background-color: inherit
    }

.semi-select-option-disabled {
    color: var(--semi-color-disabled-text);
    cursor: not-allowed
}

    .semi-select-option-disabled:hover {
        background-color: var(--semi-color-fill-0)
    }

.semi-select-option-selected {
    font-weight: 600;
    background: transparent
}

    .semi-select-option-selected .semi-select-option-icon {
        color: var(--semi-color-text-2)
    }

.semi-select-option-focused {
    background-color: var(--semi-color-fill-0)
}

.semi-select {
    box-sizing: border-box;
    border-radius: var(--semi-border-radius-small);
    border: 1px solid var(--semi-color-border);
    height: 36px;
    font-weight: 400;
    background-color: var(--semi-color-bg-1);
    display: inline-flex;
    vertical-align: middle;
    position: relative;
    outline: none;
    cursor: pointer;
    transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none),border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
    transform: scale(var(--semi-transform_scale-none));
    max-height: 300px;
    overflow-y: auto
}

    .semi-select:hover {
        background-color: var(--semi-color-bg-0);
        border: 1px solid var(--semi-color-border)
    }

    .semi-select:focus {
        border: 1px solid var(--semi-color-focus-border);
        background-color: var(--semi-color-bg-0);
        outline: 0
    }

    .semi-select:active {
        background-color: var(--semi-color-bg-0)
    }

.semi-select-small {
    height: 30px;
    line-height: 30px
}

.semi-select-large {
    min-height: 40px;
    line-height: 40px
}

    .semi-select-large .semi-select-selection {
        font-size: 14px;
        font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
        line-height: 22px
    }

.semi-select-open, .semi-select-focus {
    border: 1px solid var(--semi-color-focus-border);
    outline: 0
}

    .semi-select-open:hover, .semi-select-focus:hover {
        background-color: var(--semi-color-bg-1);
        border: 1px solid var(--semi-color-focus-border)
    }

    .semi-select-open:active, .semi-select-focus:active {
        background-color: var(--semi-color-bg-0);
        border: 1px solid var(--semi-color-focus-border)
    }

.semi-select-warning {
    background-color: var(--semi-color-warning-light-default);
    border-color: var(--semi-color-warning-light-default)
}

    .semi-select-warning:hover {
        background-color: var(--semi-color-warning-light-hover);
        border-color: var(--semi-color-warning-light-hover)
    }

    .semi-select-warning:focus {
        background-color: var(--semi-color-warning-light-default);
        border-color: var(--semi-color-warning)
    }

    .semi-select-warning:active {
        background-color: var(--semi-color-warning-light-active);
        border-color: var(--semi-color-warning-light-active)
    }

.semi-select-error {
    background-color: var(--semi-color-danger-light-default);
    border-color: var(--semi-color-danger-light-default)
}

    .semi-select-error:hover {
        background-color: var(--semi-color-danger-light-hover);
        border-color: var(--semi-color-danger-light-hover)
    }

    .semi-select-error:focus {
        background-color: var(--semi-color-danger-light-default);
        border-color: var(--semi-color-danger)
    }

    .semi-select-error:active {
        background-color: var(--semi-color-danger-light-active);
        border-color: var(--semi-color-danger-light-active)
    }

.semi-select-disabled {
    cursor: not-allowed;
    background-color: var(--semi-color-disabled-fill)
}

    .semi-select-disabled:hover {
        background-color: var(--semi-color-disabled-fill)
    }

    .semi-select-disabled:focus {
        border: 1px solid transparent;
        background-color: var(--semi-color-disabled-fill)
    }

    .semi-select-disabled .semi-select-selection, .semi-select-disabled .semi-select-selection-placeholder {
        color: var(--semi-color-disabled-text);
        cursor: not-allowed
    }

    .semi-select-disabled .semi-select-arrow, .semi-select-disabled .semi-select-prefix, .semi-select-disabled .semi-select-suffix {
        color: var(--semi-color-disabled-text)
    }

    .semi-select-disabled .semi-tag {
        color: var(--semi-color-disabled-text);
        background-color: transparent
    }

.semi-select-selection {
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    height: 100%;
    display: flex;
    align-items: center;
    flex-grow: 1;
    overflow: hidden;
    margin-left: 12px;
    cursor: pointer;
    color: var(--semi-color-text-0)
}

.semi-select-selection-text {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.semi-select-selection-text-inactive {
    display: flex;
    opacity: .4
}

.semi-select-selection-text-hide {
    display: none
}

.semi-select-selection-placeholder {
    color: var(--semi-color-text-2)
}

.semi-select-selection .semi-tag {
    margin-top: 1px;
    margin-right: 4px;
    margin-bottom: 1px
}

    .semi-select-selection .semi-tag:nth-of-type(1) {
        margin-left: 0
    }

.semi-select-selection .semi-tag-group {
    height: inherit
}

    .semi-select-selection .semi-tag-group .semi-tag {
        margin-top: 1px;
        margin-right: 4px;
        margin-bottom: 1px
    }

.semi-select-content-wrapper {
    white-space: nowrap;
    overflow: hidden;
    display: flex;
    align-items: center;
    height: 100%
}

.semi-select-content-wrapper-collapse {
    display: inline-flex;
    flex-shrink: 0;
    width: 100%
}

    .semi-select-content-wrapper-collapse .semi-overflow-list-overflow {
        max-width: 100%;
        min-width: 50px
    }

    .semi-select-content-wrapper-collapse > .semi-select-content-wrapper-collapse-tag {
        background-color: transparent
    }

    .semi-select-content-wrapper-collapse > .semi-select-content-wrapper-collapse-N {
        background-color: transparent;
        padding: 4px;
        color: var(--semi-color-text-0);
        font-size: 12px
    }

.semi-select-multiple {
    height: auto
}

    .semi-select-multiple .semi-select-selection {
        margin-left: 4px
    }

    .semi-select-multiple .semi-select-content-wrapper {
        width: 100%;
        min-height: 36px;
        flex-wrap: wrap
    }

    .semi-select-multiple .semi-select-content-wrapper-empty {
        margin-left: 8px
    }

    .semi-select-multiple .semi-select-content-wrapper .semi-tag-group {
        display: flex;
        align-items: center
    }

    .semi-select-multiple .semi-select-content-wrapper-one-line {
        flex-wrap: nowrap
    }

        .semi-select-multiple .semi-select-content-wrapper-one-line .semi-tag-group {
            flex-wrap: nowrap;
            justify-content: flex-start;
            overflow: hidden;
            flex-shrink: 0
        }

    .semi-select-multiple .semi-select-inline-label-wrapper {
        flex-shrink: 0
    }

    .semi-select-multiple.semi-select-large .semi-select-content-wrapper {
        min-height: 38px
    }

    .semi-select-multiple.semi-select-small .semi-select-content-wrapper {
        min-height: 28px
    }

.semi-select-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    color: var(--semi-color-text-2);
    flex-shrink: 0;
    transform: rotate(var(--semi-transform-rotate-none))
}

.semi-select-arrow-empty {
    display: flex;
    width: 12px
}

.semi-select-prefix, .semi-select-suffix {
    display: flex;
    justify-content: center;
    align-items: center
}

.semi-select-prefix-text, .semi-select-suffix-text {
    margin: 0 12px
}

.semi-select-prefix-icon, .semi-select-suffix-icon {
    color: var(--semi-color-text-2);
    margin: 0 8px
}

.semi-select-suffix {
    display: flex;
    justify-content: center;
    align-items: center
}

.semi-select-clear {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    color: var(--semi-color-text-2);
    flex-shrink: 0
}

    .semi-select-clear:hover {
        color: var(--semi-color-primary)
    }

.semi-select-inset-label-wrapper {
    display: inline
}

.semi-select-inset-label {
    margin-right: 12px;
    font-weight: 600;
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    color: var(--semi-color-text-2);
    flex-shrink: 0;
    white-space: nowrap
}

.semi-select-create-tips {
    color: var(--semi-color-text-2);
    margin-right: 4px
}

.semi-select-with-prefix .semi-select-selection {
    margin-left: 0
}

.semi-select-single.semi-select-filterable .semi-select-content-wrapper {
    flex-grow: 1;
    height: 100%;
    overflow: hidden;
    position: relative
}

.semi-select-single.semi-select-filterable .semi-input-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border: none;
    background-color: transparent
}

.semi-select-single.semi-select-filterable .semi-input-wrapper-focus {
    border: none
}

.semi-select-single.semi-select-filterable .semi-input {
    padding-left: 0;
    padding-right: 0;
    height: 100%
}

.semi-select-multiple.semi-select-filterable .semi-select-content-wrapper {
    flex-grow: 1;
    height: 100%;
    overflow: hidden;
    position: relative
}

    .semi-select-multiple.semi-select-filterable .semi-select-content-wrapper:not(.semi-select-content-wrapper-empty) .semi-input-wrapper {
        height: 24px;
        line-height: 24px
    }

        .semi-select-multiple.semi-select-filterable .semi-select-content-wrapper:not(.semi-select-content-wrapper-empty) .semi-input-wrapper .semi-input-default {
            height: 24px
        }

.semi-select-multiple.semi-select-filterable .semi-select-content-wrapper-empty .semi-input-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

    .semi-select-multiple.semi-select-filterable .semi-select-content-wrapper-empty .semi-input-wrapper .semi-input-default {
        height: 100%
    }

.semi-select-multiple.semi-select-filterable .semi-input-wrapper {
    height: 100%;
    width: 100%;
    border: none;
    background-color: transparent
}

.semi-select-multiple.semi-select-filterable .semi-input-wrapper-focus {
    border: none
}

.semi-select-multiple.semi-select-filterable .semi-input {
    padding-left: 0;
    padding-right: 0
}

.semi-select-multiple.semi-select-filterable.semi-select-large .semi-select-content-wrapper:not(.semi-select-content-wrapper-empty) .semi-input-wrapper-large {
    height: 24px;
    line-height: 24px
}

    .semi-select-multiple.semi-select-filterable.semi-select-large .semi-select-content-wrapper:not(.semi-select-content-wrapper-empty) .semi-input-wrapper-large .semi-input-large {
        height: 24px
    }

.semi-select-multiple.semi-select-filterable.semi-select-small .semi-select-content-wrapper:not(.semi-select-content-wrapper-empty) .semi-input-wrapper {
    height: 20px;
    line-height: 20px
}

    .semi-select-multiple.semi-select-filterable.semi-select-small .semi-select-content-wrapper:not(.semi-select-content-wrapper-empty) .semi-input-wrapper .semi-input-small {
        height: 20px
    }

.semi-select-option-list-wrapper {
    padding: 4px 0
}

.semi-select-option-list {
    overflow-x: hidden;
    overflow-y: auto
}

.semi-select-option-list-chosen .semi-select-option-icon {
    display: flex
}

.semi-select-group {
    color: var(--semi-color-text-2);
    margin-top: 4px;
    padding: 12px 16px 4px 32px;
    font-size: 12px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 16px;
    cursor: default
}

    .semi-select-group:not(:nth-of-type(1)) {
        border-top: 1px solid var(--semi-color-border)
    }

.semi-select-loading-wrapper {
    padding: 8px 16px;
    cursor: not-allowed;
    height: 20px;
    box-sizing: content-box
}

.semi-select-borderless:not(:focus-within):not(:hover) {
    background-color: transparent;
    border-color: transparent
}

    .semi-select-borderless:not(:focus-within):not(:hover) .semi-select-arrow {
        opacity: 0
    }

.semi-select-borderless:focus-within:not(:active) {
    background-color: transparent
}

.semi-select-borderless.semi-select-error:not(:focus-within) {
    border-color: var(--semi-color-danger)
}

.semi-select-borderless.semi-select-warning:not(:focus-within) {
    border-color: var(--semi-color-warning)
}

.semi-select-borderless.semi-select-error:focus-within {
    border-color: var(--semi-color-danger)
}

.semi-select-borderless.semi-select-warning:focus-within {
    border-color: var(--semi-color-warning)
}

.semi-select-dropdown-search-wrapper {
    padding: 8px 12px;
    border-bottom: 1px solid transparent
}

.semi-rtl .semi-select, .semi-portal-rtl .semi-select {
    direction: rtl
}

.semi-rtl .semi-select-selection, .semi-portal-rtl .semi-select-selection {
    margin-left: 0;
    margin-right: 12px
}

    .semi-rtl .semi-select-selection .semi-tag:nth-of-type(1), .semi-portal-rtl .semi-select-selection .semi-tag:nth-of-type(1) {
        margin-right: 0
    }

    .semi-rtl .semi-select-selection .semi-tag-group .semi-tag, .semi-portal-rtl .semi-select-selection .semi-tag-group .semi-tag {
        margin-left: 4px;
        margin-right: 0
    }

.semi-rtl .semi-select-multiple .semi-select-selection, .semi-portal-rtl .semi-select-multiple .semi-select-selection {
    margin-left: 0;
    margin-right: 4px
}

.semi-rtl .semi-select-multiple .semi-select-content-wrapper-empty, .semi-portal-rtl .semi-select-multiple .semi-select-content-wrapper-empty {
    margin-left: 0;
    margin-right: 8px
}

.semi-rtl .semi-select-inset-label, .semi-portal-rtl .semi-select-inset-label {
    margin-left: 12px
}

.semi-rtl .semi-select-create-tips, .semi-portal-rtl .semi-select-create-tips {
    margin-right: 0;
    margin-left: 4px
}

.semi-rtl .semi-select-with-prefix .semi-select-selection, .semi-portal-rtl .semi-select-with-prefix .semi-select-selection {
    margin-left: auto;
    margin-right: 0
}

.semi-rtl .semi-select-single.semi-select-filterable .semi-input-wrapper, .semi-portal-rtl .semi-select-single.semi-select-filterable .semi-input-wrapper, .semi-rtl .semi-select-multiple.semi-select-filterable .semi-select-content-wrapper-empty .semi-input-wrapper, .semi-portal-rtl .semi-select-multiple.semi-select-filterable .semi-select-content-wrapper-empty .semi-input-wrapper {
    left: auto;
    right: 0
}

.semi-rtl .semi-select-group, .semi-portal-rtl .semi-select-group {
    padding-left: 32px;
    padding-right: 16px
}

.semi-rtl .semi-select-option-icon, .semi-portal-rtl .semi-select-option-icon {
    margin-right: 0;
    margin-left: 8px
}

.semi-progress {
    display: flex;
    align-items: center
}

.semi-progress-track {
    background-color: var(--semi-color-fill-0);
    border-radius: var(--semi-border-radius-small)
}

.semi-progress-horizontal {
    height: 4px;
    margin-top: 4px;
    margin-bottom: 4px
}

    .semi-progress-horizontal.semi-progress-large {
        height: 6px
    }

    .semi-progress-horizontal .semi-progress-track {
        height: 100%;
        width: 100%
    }

    .semi-progress-horizontal .semi-progress-track-inner {
        height: 100%;
        background-color: var(--semi-color-success);
        border-radius: var(--semi-border-radius-small);
        transition: width .3s;
        transition-timing-function: cubic-bezier(.62,.05,.36,.95)
    }

    .semi-progress-horizontal .semi-progress-line-text {
        min-width: 45px;
        font-weight: 600;
        margin-left: 16px;
        color: var(--semi-color-text-0)
    }

.semi-progress-vertical {
    width: 4px;
    display: inline-flex;
    height: 100%;
    margin-left: 4px;
    margin-right: 4px;
    flex-direction: column
}

    .semi-progress-vertical.semi-progress-large {
        width: 6px
    }

    .semi-progress-vertical .semi-progress-track {
        height: 100%;
        width: 100%
    }

    .semi-progress-vertical .semi-progress-track-inner {
        background-color: var(--semi-color-success);
        border-radius: var(--semi-border-radius-small);
        width: 100%;
        transition: height .3s;
        transition-timing-function: cubic-bezier(.62,.05,.36,.95)
    }

    .semi-progress-vertical .semi-progress-line-text {
        font-weight: 600;
        margin-top: 8px
    }

.semi-progress-circle {
    position: relative;
    display: inline-block
}

.semi-progress-circle-ring {
    display: block
}

.semi-progress-circle-ring-inner {
    transition: stroke-dashoffset .3s;
    transition-timing-function: cubic-bezier(.62,.05,.36,.95);
    transform: rotate(-90deg);
    transform-origin: 50% 50%
}

.semi-progress-circle-text {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    text-align: center;
    transform: translate(-50%,-50%);
    -webkit-user-select: none;
    user-select: none;
    color: var(--semi-color-mode-minor-text)
}

.semi-rtl .semi-progress, .semi-portal-rtl .semi-progress {
    direction: rtl
}

.semi-rtl .semi-progress-horizontal .semi-progress-line-text, .semi-portal-rtl .semi-progress-horizontal .semi-progress-line-text {
    margin-left: 0;
    margin-right: 16px
}

.semi-rtl .semi-progress-circle-ring-inner, .semi-portal-rtl .semi-progress-circle-ring-inner {
    transform: rotate(-90deg);
    transform-origin: 50% 50%
}

.semi-rtl .semi-progress-circle-text, .semi-portal-rtl .semi-progress-circle-text {
    left: auto;
    right: 50%;
    transform: translate(50%,-50%)
}

.semi-radio {
    box-sizing: border-box;
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    position: relative;
    display: inline-flex;
    column-gap: 8px;
    transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none),border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
    min-height: 20px;
    min-width: 16px;
    cursor: pointer;
    vertical-align: bottom;
    text-align: left
}

    .semi-radio.semi-radio-vertical {
        display: block
    }

    .semi-radio input[type=checkbox], .semi-radio input[type=radio] {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        cursor: pointer
    }

    .semi-radio:hover .semi-radio-inner-display {
        background: var(--semi-color-fill-0);
        border: solid 1px var(--semi-color-focus-border)
    }

    .semi-radio:hover.semi-radio-cardRadioGroup .semi-radio-inner-display {
        background: var(--semi-color-white)
    }

    .semi-radio:hover .semi-radio-inner-checked .semi-radio-inner-display {
        background: var(--semi-color-primary-hover);
        border-color: var(--semi-color-primary-hover)
    }

    .semi-radio:active.semi-radio-cardRadioGroup .semi-radio-inner-display {
        background: var(--semi-color-white)
    }

    .semi-radio:active .semi-radio-inner-checked .semi-radio-inner-display {
        background: var(--semi-color-primary-active);
        border-color: var(--semi-color-primary-active)
    }

.semi-radio-buttonRadioComponent {
    padding: 4px;
    background: var(--semi-color-fill-0);
    border-radius: var(--semi-border-radius-small)
}

.semi-radio-buttonRadioGroup {
    position: relative;
    padding: 4px;
    border-radius: var(--semi-border-radius-small);
    line-height: 16px
}

    .semi-radio-buttonRadioGroup:not(:last-child) {
        padding-right: 0
    }

.semi-radio-buttonRadioGroup-small {
    padding: 2px 4px;
    line-height: 16px
}

.semi-radio-buttonRadioGroup-large {
    padding: 4px;
    line-height: 20px
}

.semi-radio-cardRadioGroup {
    flex-wrap: nowrap;
    border-radius: var(--semi-border-radius-small);
    padding: 12px 16px;
    background: transparent;
    border: 1px solid transparent;
    transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none),border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none)
}

    .semi-radio-cardRadioGroup .semi-radio-inner {
        flex-shrink: 0
    }

    .semi-radio-cardRadioGroup .semi-radio-inner-display {
        background: var(--semi-color-white)
    }

    .semi-radio-cardRadioGroup .semi-radio-addon {
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        color: var(--semi-color-text-0)
    }

    .semi-radio-cardRadioGroup .semi-radio-extra {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: var(--semi-color-text-2);
        padding-left: 0
    }

    .semi-radio-cardRadioGroup:active {
        background: var(--semi-color-fill-1)
    }

.semi-radio-cardRadioGroup_checked {
    background: var(--semi-color-primary-light-default);
    border: 1px solid var(--semi-color-primary)
}

    .semi-radio-cardRadioGroup_checked:hover {
        border: 1px solid var(--semi-color-primary-hover)
    }

        .semi-radio-cardRadioGroup_checked:hover .semi-radio-inner-checked .semi-radio-inner-display {
            border-color: var(--semi-color-primary-hover)
        }

    .semi-radio-cardRadioGroup_checked:active {
        background: var(--semi-color-primary-light-default);
        border: 1px solid var(--semi-color-primary-active)
    }

        .semi-radio-cardRadioGroup_checked:active .semi-radio-inner-checked .semi-radio-inner-display {
            border-color: var(--semi-color-primary-active)
        }

        .semi-radio-cardRadioGroup_checked:active .semi-radio-inner-checked:hover .semi-radio-inner-display {
            background: var(--semi-color-primary-active)
        }

.semi-radio-cardRadioGroup_hover {
    background: var(--semi-color-fill-0)
}

.semi-radio-cardRadioGroup_disabled:active {
    background: transparent
}

.semi-radio-cardRadioGroup_checked_disabled.semi-radio-cardRadioGroup {
    background: var(--semi-color-primary-light-default);
    border: 1px solid var(--semi-color-primary-disabled)
}

    .semi-radio-cardRadioGroup_checked_disabled.semi-radio-cardRadioGroup .semi-radio-inner-checked .semi-radio-inner-display, .semi-radio-cardRadioGroup_checked_disabled.semi-radio-cardRadioGroup:hover .semi-radio-inner-checked .semi-radio-inner-display {
        border-color: var(--semi-color-primary-disabled)
    }

.semi-radio.semi-radio-disabled:hover .semi-radio-inner-display, .semi-radio.semi-radio-disabled:active .semi-radio-inner-display {
    background: var(--semi-color-disabled-fill);
    border: solid 1px var(--semi-color-border)
}

.semi-radio.semi-radio-disabled:hover .semi-radio-inner-checked .semi-radio-inner-display, .semi-radio.semi-radio-disabled:active .semi-radio-inner-checked .semi-radio-inner-display {
    background: var(--semi-color-primary-disabled);
    border-color: var(--semi-color-primary-disabled)
}

.semi-radio-inner {
    display: inline-flex;
    margin-top: 2px;
    position: relative;
    width: 16px;
    height: 16px;
    vertical-align: sub;
    -webkit-user-select: none;
    user-select: none
}

.semi-radio-inner-display {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    border: solid 1px var(--semi-color-text-3);
    border-radius: 16px;
    background: transparent;
    transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none),border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none)
}

    .semi-radio-inner-display .semi-icon {
        width: 100%;
        height: 100%;
        font-size: 14px
    }

.semi-radio-content {
    display: flex;
    flex-direction: column;
    row-gap: 4px
}

.semi-radio:hover .semi-radio-inner-display {
    background: var(--semi-color-fill-0)
}

.semi-radio:active .semi-radio-inner-display {
    background: var(--semi-color-fill-1)
}

.semi-radio-addon {
    -webkit-user-select: none;
    user-select: none;
    color: var(--semi-color-text-0);
    display: inline-flex;
    align-items: center
}

.semi-radio-addon-buttonRadio {
    text-align: center;
    border-radius: var(--semi-border-radius-small);
    font-weight: 600;
    color: var(--semi-color-text-1);
    font-size: 12px;
    padding: 4px 16px;
    transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none),border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none)
}

.semi-radio-addon-buttonRadio-hover {
    font-weight: 600;
    background: var(--semi-color-fill-1)
}

.semi-radio-addon-buttonRadio-checked {
    font-weight: 600;
    background: var(--semi-color-bg-3);
    color: var(--semi-color-primary)
}

.semi-radio-addon-buttonRadio-disabled {
    cursor: not-allowed;
    color: var(--semi-color-disabled-text)
}

.semi-radio-addon-buttonRadio-small {
    font-size: 12px;
    padding: 2px 16px
}

.semi-radio-addon-buttonRadio-large {
    font-size: 14px;
    padding: 6px 24px
}

.semi-radio .semi-radio-inner-checked:hover .semi-radio-inner-display {
    background: var(--semi-color-primary-hover)
}

.semi-radio .semi-radio-inner-checked:active .semi-radio-inner-display {
    background: var(--semi-color-primary-active)
}

.semi-radio .semi-radio-inner-checked .semi-radio-inner-display {
    border: solid 1px var(--semi-color-primary);
    background: var(--semi-color-primary);
    color: rgba(var(--semi-white),1);
    border-radius: 16px
}

.semi-radio .semi-radio-inner-checked > .semi-radio-addon {
    color: var(--semi-color-text-0)
}

.semi-radio .semi-radio-inner-buttonRadio, .semi-radio .semi-radio-inner-pureCardRadio {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: 0;
    z-index: -1;
    opacity: 0
}

.semi-radio-disabled, .semi-radio-disabled:hover, .semi-radio-disabled .semi-radio-inner {
    cursor: not-allowed
}

    .semi-radio-disabled .semi-radio-inner-display {
        opacity: .75;
        background: var(--semi-color-disabled-fill);
        border-color: var(--semi-color-border)
    }

        .semi-radio-disabled .semi-radio-inner-display:hover {
            background: transparent
        }

    .semi-radio-disabled .semi-radio-inner-checked .semi-radio-inner-display, .semi-radio-disabled .semi-radio-inner-checked .semi-radio-inner-display:hover {
        background: var(--semi-color-primary-disabled);
        border-color: var(--semi-color-primary-disabled)
    }

    .semi-radio-disabled .semi-radio-addon, .semi-radio-disabled .semi-radio-extra {
        color: var(--semi-color-disabled-text)
    }

.semi-radio-extra {
    color: var(--semi-color-text-2);
    box-sizing: border-box
}

.semi-radio-focus {
    outline: 2px solid var(--semi-color-primary-light-active)
}

.semi-radio-focus-border {
    border: solid 1px var(--semi-color-focus-border)
}

.semi-radioGroup {
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px
}

.semi-radioGroup-vertical {
    display: flex;
    flex-direction: column;
    row-gap: 12px
}

.semi-radioGroup-vertical-default .semi-radio, .semi-radioGroup-vertical-card .semi-radio {
    display: flex
}

.semi-radioGroup-horizontal {
    display: inline-flex;
    flex-wrap: wrap;
    vertical-align: bottom;
    gap: 16px
}

.semi-radioGroup-buttonRadio {
    display: inline-block;
    background: var(--semi-color-fill-0);
    border-radius: var(--semi-border-radius-small);
    vertical-align: middle
}

.semi-rtl .semi-radio, .semi-portal-rtl .semi-radio {
    direction: rtl
}

    .semi-rtl .semi-radio input[type=checkbox], .semi-rtl .semi-radio input[type=radio], .semi-portal-rtl .semi-radio input[type=checkbox], .semi-portal-rtl .semi-radio input[type=radio] {
        left: auto;
        right: 0
    }

.semi-rtl .semi-radio-buttonRadioGroup:not(:last-child), .semi-portal-rtl .semi-radio-buttonRadioGroup:not(:last-child) {
    padding-left: 0
}

.semi-rtl .semi-radioGroup, .semi-portal-rtl .semi-radioGroup {
    direction: rtl
}

.semi-rating {
    display: inline-block;
    margin: 0;
    padding: 0;
    color: rgba(var(--semi-yellow-5),1);
    list-style: none;
    outline: none;
    border-radius: 3px
}

.semi-rating-focus {
    outline: 2px solid var(--semi-color-primary-light-active)
}

.semi-rating-no-focus {
    outline: none
}

.semi-rating-disabled .semi-rating-star {
    cursor: default
}

    .semi-rating-disabled .semi-rating-star:hover {
        transform: scale(1)
    }

.semi-rating-star {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    color: inherit;
    cursor: pointer;
    transition: all .5s;
    transform: scale(var(--semi-transform_scale-none))
}

    .semi-rating-star:not(:last-child) {
        margin-right: 6px
    }

    .semi-rating-star > div:hover, .semi-rating-star > div:focus {
        transform: scale(1.1)
    }

    .semi-rating-star > div.semi-rating-star-disabled {
        transform: none
    }

.semi-rating-star-small {
    width: 16px;
    height: 16px;
    font-size: 16px
}

.semi-rating-star-default {
    width: 24px;
    height: 24px;
    font-size: 24px
}

.semi-rating-star-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 3px;
    width: 100%;
    height: 100%
}

.semi-rating-star-first, .semi-rating-star-second {
    transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
    color: var(--semi-color-fill-0);
    -webkit-user-select: none;
    user-select: none
}

.semi-rating-star-first {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    overflow: hidden;
    opacity: 0
}

.semi-rating-star-half .semi-rating-star-first, .semi-rating-star-half .semi-rating-star-second {
    opacity: 1
}

.semi-rating-star-half .semi-rating-star-first, .semi-rating-star-full .semi-rating-star-second {
    color: inherit
}

.semi-rtl .semi-rating, .semi-portal-rtl .semi-rating {
    direction: rtl
}

.semi-rtl .semi-rating-star:not(:last-child), .semi-portal-rtl .semi-rating-star:not(:last-child) {
    margin-right: 0;
    margin-left: 6px
}

.semi-rtl .semi-rating-star-first, .semi-portal-rtl .semi-rating-star-first {
    left: auto;
    right: 0
}

.semi-slider {
    padding: 0 13px;
    margin: 0
}

.semi-slider-wrapper {
    box-sizing: border-box;
    position: relative;
    height: 32px;
    width: 100%;
    display: inline-block;
    vertical-align: bottom
}

.semi-slider-rail {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000a6;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    font-feature-settings: "tnum";
    position: absolute;
    height: 4px;
    cursor: pointer;
    touch-action: none;
    background-color: var(--semi-color-fill-0);
    width: 100%;
    border-radius: var(--semi-border-radius-small);
    top: 14px
}

.semi-slider-handle {
    box-shadow: 0 4px 6px #0000001a,0 0 1px #0000004d;
    box-sizing: border-box;
    touch-action: none;
    position: absolute;
    width: 24px;
    height: 24px;
    margin-top: 4px;
    background-color: var(--semi-color-white);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
    transform: var(--semi-transform_scale-small) translate(-50%) translateY(0);
    display: inline-flex;
    justify-content: center;
    align-items: center
}

    .semi-slider-handle:focus-visible {
        outline: 2px solid var(--semi-color-primary-light-active)
    }

.semi-slider-handle-dot {
    background: var(--semi-color-primary);
    width: 4px;
    height: 4px;
    border-radius: var(--semi-border-radius-circle)
}

.semi-slider-handle:hover {
    background-color: var(--semi-color-white)
}

.semi-slider-handle-clicked {
    border: solid 1px var(--semi-color-focus-border);
    cursor: grabbing
}

.semi-slider-track {
    height: 4px;
    background: var(--semi-color-primary);
    border-radius: var(--semi-border-radius-small);
    position: absolute;
    cursor: pointer;
    top: 14px
}

.semi-slider-tooltip {
    position: absolute;
    top: -40px
}

.semi-slider-dots {
    width: 100%;
    background: transparent
}

.semi-slider-dot {
    position: absolute;
    top: 14px;
    width: 4px;
    height: 4px;
    background-color: var(--semi-color-white);
    border-radius: 50%;
    cursor: pointer;
    transform: translate(0)
}

.semi-slider-dot-active {
    background-color: var(--semi-color-white)
}

.semi-slider-marks {
    position: absolute;
    top: 23px;
    left: 0;
    width: 100%;
    font-size: 14px
}

.semi-slider-mark {
    position: absolute;
    display: inline-block;
    color: var(--semi-color-text-2);
    text-align: center;
    cursor: pointer;
    transform: translate(-50%)
}

.semi-slider-marks-reverse {
    position: absolute;
    top: 23px;
    left: 0;
    width: 100%;
    font-size: 14px
}

.semi-slider-mark-reverse {
    position: absolute;
    display: inline-block;
    color: var(--semi-color-text-2);
    text-align: center;
    cursor: pointer;
    transform: translate(-50%) rotate(-180deg)
}

.semi-slider-boundary {
    position: relative;
    font-size: 12px;
    color: var(--semi-color-text-0);
    visibility: hidden;
    top: 30px
}

    .semi-slider-boundary span {
        position: absolute;
        display: inline-block
    }

.semi-slider-boundary-min {
    left: 0
}

.semi-slider-boundary-max {
    right: 0
}

.semi-slider-boundary-show {
    visibility: visible
}

.semi-slider-vertical-wrapper {
    width: 4px;
    height: 100%
}

    .semi-slider-vertical-wrapper .semi-slider-track {
        width: 4px
    }

    .semi-slider-vertical-wrapper .semi-slider-marks {
        height: 100%;
        margin-top: -30px;
        margin-left: 29px
    }

    .semi-slider-vertical-wrapper .semi-slider-marks-reverse {
        height: 100%;
        margin-top: -30px;
        margin-left: -26px
    }

    .semi-slider-vertical-wrapper .semi-slider-rail {
        width: 4px;
        height: 100%;
        top: 0
    }

    .semi-slider-vertical-wrapper .semi-slider-handle {
        margin-top: 0;
        margin-left: -10px;
        transform: var(--semi-transform_scale-small) translateY(-50%) translate(0)
    }

    .semi-slider-vertical-wrapper .semi-slider-dot {
        transform: translateY(0)
    }

.semi-slider-disabled {
    cursor: not-allowed
}

    .semi-slider-disabled .semi-slider-handle {
        cursor: not-allowed;
        box-shadow: none;
        border: 1px var(--semi-color-border) solid
    }

        .semi-slider-disabled .semi-slider-handle:hover {
            background-color: var(--semi-color-white)
        }

    .semi-slider-disabled .semi-slider-rail {
        cursor: not-allowed
    }

    .semi-slider-disabled .semi-slider-track {
        cursor: not-allowed;
        background-color: var(--semi-color-primary-disabled)
    }

    .semi-slider-disabled .semi-slider-dot {
        cursor: not-allowed;
        background-color: var(--semi-color-white);
        border-color: var(--semi-color-white);
        box-shadow: none
    }

.semi-slider-handle-tooltip {
    text-align: center
}

.semi-slider-reverse {
    transform: rotate(180deg)
}

.semi-switch {
    box-sizing: border-box;
    display: inline-block;
    border-radius: 12px;
    border: 1px transparent solid;
    position: relative;
    cursor: pointer;
    background-color: var(--semi-color-fill-0);
    transition: background-color .2s var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
    width: 40px;
    height: 24px
}

    .semi-switch:hover {
        background-color: var(--semi-color-fill-1)
    }

    .semi-switch:active {
        border: 1px var(--semi-color-fill-2) solid
    }

        .semi-switch:active .semi-switch-knob {
            width: 24px
        }

.semi-switch-focus {
    outline: 2px solid var(--semi-color-primary-light-active)
}

.semi-switch-checked {
    background-color: var(--semi-color-success)
}

    .semi-switch-checked:hover {
        background-color: var(--semi-color-success-hover)
    }

    .semi-switch-checked .semi-switch-knob {
        transform: translate(18px)
    }

    .semi-switch-checked:active .semi-switch-knob {
        transform: translate(12px)
    }

.semi-switch-active {
    background-color: var(--semi-color-success-active)
}

.semi-switch-disabled {
    cursor: not-allowed;
    background-color: transparent;
    border: 1px var(--semi-color-border) solid
}

    .semi-switch-disabled:hover, .semi-switch-disabled:active {
        background-color: transparent
    }

        .semi-switch-disabled:active .semi-switch-knob {
            width: 18px
        }

    .semi-switch-disabled .semi-switch-knob {
        cursor: not-allowed;
        box-shadow: none;
        border: 1px var(--semi-color-border) solid
    }

    .semi-switch-disabled .semi-switch-native-control {
        pointer-events: none;
        cursor: not-allowed
    }

    .semi-switch-disabled.semi-switch-checked {
        border-color: transparent;
        background-color: var(--semi-color-success-disabled)
    }

        .semi-switch-disabled.semi-switch-checked:active .semi-switch-knob {
            transform: translate(18px)
        }

        .semi-switch-disabled.semi-switch-checked .semi-switch-knob {
            box-shadow: none;
            border: none
        }

.semi-switch-knob {
    box-shadow: 0 4px 6px #0000001a,0 0 1px #0000004d;
    cursor: pointer;
    border-radius: 9px;
    background-color: rgba(var(--semi-white),1);
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: auto;
    transition: transform .2s ease-in-out,width .2s ease-in-out;
    width: 18px;
    height: 18px;
    top: 2px;
    transform: translate(2px)
}

.semi-switch-native-control {
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: inherit;
    pointer-events: auto;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0
}

    .semi-switch-native-control[type=checkbox] {
        width: inherit;
        height: inherit
    }

.semi-switch-checked-text, .semi-switch-unchecked-text {
    position: absolute;
    font-size: 12px;
    height: 100%;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center
}

.semi-switch-checked-text {
    color: var(--semi-color-white)
}

.semi-switch-unchecked-text {
    color: var(--semi-color-text-2);
    right: 0
}

.semi-switch-loading {
    display: inline-flex;
    align-items: center;
    background-color: var(--semi-color-fill-1)
}

.semi-switch-loading-spin .semi-spin-wrapper {
    display: inline-flex;
    align-items: center;
    color: var(--semi-color-white)
}

.semi-switch-loading .semi-switch-loading-spin {
    transform: translate(2px)
}

    .semi-switch-loading .semi-switch-loading-spin > .semi-spin-wrapper > svg {
        width: 18px;
        height: 18px
    }

.semi-switch-loading.semi-switch-checked {
    background-color: var(--semi-color-success-hover)
}

    .semi-switch-loading.semi-switch-checked .semi-switch-loading-spin {
        transform: translate(16px)
    }

.semi-switch-loading.semi-switch-small .semi-switch-loading-spin {
    transform: translate(2px)
}

    .semi-switch-loading.semi-switch-small .semi-switch-loading-spin > .semi-spin-wrapper > svg {
        width: 10px;
        height: 10px
    }

.semi-switch-loading.semi-switch-small.semi-switch-checked .semi-switch-loading-spin {
    transform: translate(10px)
}

.semi-switch-loading.semi-switch-large .semi-switch-loading-spin {
    transform: translate(2px)
}

    .semi-switch-loading.semi-switch-large .semi-switch-loading-spin > .semi-spin-wrapper > svg {
        width: 28px;
        height: 28px
    }

.semi-switch-loading.semi-switch-large.semi-switch-checked .semi-switch-loading-spin {
    transform: translate(22px)
}

.semi-switch-disabled.semi-switch-checked {
    background-color: var(--semi-color-success-disabled)
}

.semi-switch-large {
    width: 54px;
    height: 32px;
    border-radius: 16px
}

    .semi-switch-large .semi-switch-knob {
        width: 24px;
        height: 24px;
        top: 3px;
        border-radius: 12px;
        transform: translate(3px)
    }

    .semi-switch-large.semi-switch-checked .semi-switch-knob {
        transform: translate(26px)
    }

    .semi-switch-large.semi-switch-checked:active .semi-switch-knob {
        transform: translate(16px)
    }

    .semi-switch-large:active .semi-switch-knob {
        width: 34px
    }

    .semi-switch-large .semi-switch-checked-text, .semi-switch-large .semi-switch-unchecked-text {
        width: 26px;
        font-size: 14px
    }

.semi-switch-small {
    width: 26px;
    height: 16px;
    border-radius: 8px
}

    .semi-switch-small .semi-switch-knob {
        width: 12px;
        height: 12px;
        top: 1px;
        border-radius: 6px;
        transform: translate(1px)
    }

    .semi-switch-small.semi-switch-checked .semi-switch-knob {
        transform: translate(11px)
    }

    .semi-switch-small.semi-switch-checked:active .semi-switch-knob {
        transform: translate(9px)
    }

    .semi-switch-small:active .semi-switch-knob {
        width: 14px
    }

.semi-form .semi-switch-native-control {
    width: 100%;
    height: 100%
}

.semi-rtl .semi-switch, .semi-portal-rtl .semi-switch {
    direction: rtl
}

.semi-rtl .semi-switch-checked .semi-switch-knob, .semi-portal-rtl .semi-switch-checked .semi-switch-knob {
    transform: translate(-18px)
}

.semi-rtl .semi-switch-checked:active .semi-switch-knob, .semi-portal-rtl .semi-switch-checked:active .semi-switch-knob {
    transform: translate(-12px)
}

.semi-rtl .semi-switch-knob, .semi-portal-rtl .semi-switch-knob {
    right: 0;
    left: auto;
    transform: translate(-2px)
}

.semi-rtl .semi-switch-native-control, .semi-portal-rtl .semi-switch-native-control {
    right: 0
}

.semi-rtl .semi-switch-unchecked-text, .semi-portal-rtl .semi-switch-unchecked-text {
    left: 0
}

.semi-rtl .semi-switch-loading .semi-switch-loading-spin, .semi-portal-rtl .semi-switch-loading .semi-switch-loading-spin {
    transform: translate(-2px)
}

.semi-rtl .semi-switch-loading.semi-switch-checked .semi-switch-loading-spin, .semi-portal-rtl .semi-switch-loading.semi-switch-checked .semi-switch-loading-spin {
    transform: translate(-16px)
}

.semi-rtl .semi-switch-loading.semi-switch-small .semi-switch-loading-spin, .semi-portal-rtl .semi-switch-loading.semi-switch-small .semi-switch-loading-spin {
    transform: translate(-2px)
}

.semi-rtl .semi-switch-loading.semi-switch-small.semi-switch-checked .semi-switch-loading-spin, .semi-portal-rtl .semi-switch-loading.semi-switch-small.semi-switch-checked .semi-switch-loading-spin {
    transform: translate(-10px)
}

.semi-rtl .semi-switch-loading.semi-switch-large .semi-switch-loading-spin, .semi-portal-rtl .semi-switch-loading.semi-switch-large .semi-switch-loading-spin {
    transform: translate(-2px)
}

.semi-rtl .semi-switch-loading.semi-switch-large.semi-switch-checked .semi-switch-loading-spin, .semi-portal-rtl .semi-switch-loading.semi-switch-large.semi-switch-checked .semi-switch-loading-spin {
    transform: translate(-22px)
}

.semi-rtl .semi-switch-large .semi-switch-knob, .semi-portal-rtl .semi-switch-large .semi-switch-knob {
    transform: translate(-3px)
}

.semi-rtl .semi-switch-large.semi-switch-checked .semi-switch-knob, .semi-portal-rtl .semi-switch-large.semi-switch-checked .semi-switch-knob {
    transform: translate(-26px)
}

.semi-rtl .semi-switch-large.semi-switch-checked:active .semi-switch-knob, .semi-portal-rtl .semi-switch-large.semi-switch-checked:active .semi-switch-knob {
    transform: translate(-16px)
}

.semi-rtl .semi-switch-small .semi-switch-knob, .semi-portal-rtl .semi-switch-small .semi-switch-knob {
    transform: translate(-1px)
}

.semi-rtl .semi-switch-small.semi-switch-checked .semi-switch-knob, .semi-portal-rtl .semi-switch-small.semi-switch-checked .semi-switch-knob {
    transform: translate(-11px)
}

.semi-rtl .semi-switch-small.semi-switch-checked:active .semi-switch-knob, .semi-portal-rtl .semi-switch-small.semi-switch-checked:active .semi-switch-knob {
    transform: translate(-9px)
}

.semi-timepicker {
    display: inline-block
}

.semi-timepicker-panel .semi-scrolllist-body {
    height: 252px
}

    .semi-timepicker-panel .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer-nocycle > ul:before, .semi-timepicker-panel .semi-scrolllist-body .semi-scrolllist-item > ul:before {
        height: 108px
    }

    .semi-timepicker-panel .semi-scrolllist-body .semi-scrolllist-item, .semi-timepicker-panel .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

        .semi-timepicker-panel .semi-scrolllist-body .semi-scrolllist-item::-webkit-scrollbar, .semi-timepicker-panel .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer::-webkit-scrollbar {
            display: none;
            width: 0;
            height: 0
        }

        .semi-timepicker-panel .semi-scrolllist-body .semi-scrolllist-item > ul, .semi-timepicker-panel .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer > ul {
            padding-bottom: 108px
        }

    .semi-timepicker-panel .semi-scrolllist-body .semi-scrolllist-item {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

        .semi-timepicker-panel .semi-scrolllist-body .semi-scrolllist-item::-webkit-scrollbar {
            display: none;
            width: 0;
            height: 0
        }

.semi-timepicker-panel .semi-scrolllist-item, .semi-timepicker-panel .semi-scrolllist-item-wheel {
    flex: none
}

    .semi-timepicker-panel .semi-scrolllist-item-wheel, .semi-timepicker-panel .semi-scrolllist-item-wheel:not(:last-child) {
        border: none
    }

.semi-timepicker-panel-list-ampm {
    width: 72px
}

.semi-timepicker-panel-list-hour, .semi-timepicker-panel-list-minute, .semi-timepicker-panel-list-second {
    width: 64px
}

.semi-timepicker-range-panel .semi-timepicker-lists {
    display: flex;
    box-shadow: 0 4px 14px #0000001a;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: var(--semi-border-radius-medium)
}

    .semi-timepicker-range-panel .semi-timepicker-lists .semi-scrolllist:first-of-type {
        border-radius: var(--semi-border-radius-medium) 0 0 var(--semi-border-radius-medium)
    }

    .semi-timepicker-range-panel .semi-timepicker-lists .semi-scrolllist:last-of-type {
        border-radius: 0 var(--semi-border-radius-medium) var(--semi-border-radius-medium) 0
    }

    .semi-timepicker-range-panel .semi-timepicker-lists > .semi-scrolllist:not(:last-child) .semi-scrolllist-body {
        border-right: 2px solid var(--semi-color-border)
    }

    .semi-timepicker-range-panel .semi-timepicker-lists > .semi-scrolllist {
        box-shadow: none
    }

        .semi-timepicker-range-panel .semi-timepicker-lists > .semi-scrolllist .semi-scrolllist-body, .semi-timepicker-range-panel .semi-timepicker-lists > .semi-scrolllist .semi-scrolllist-header {
            padding: 0
        }

.semi-timepicker .semi-timepicker-input {
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    border-radius: var(--semi-border-radius-small);
    align-items: center
}

.semi-timepicker .semi-input-readonly {
    cursor: pointer
}

.semi-timepicker .semi-input-borderless:not(:focus-within):not(:hover) .semi-input-suffix {
    opacity: 0
}

.semi-rtl .semi-timepicker, .semi-portal-rtl .semi-timepicker, .semi-rtl .semi-timepicker-panel, .semi-portal-rtl .semi-timepicker-panel, .semi-rtl .semi-timepicker-range, .semi-portal-rtl .semi-timepicker-range {
    direction: rtl
}

.semi-rtl .semi-timepicker-range-panel .semi-timepicker-lists > .semi-scrolllist:not(:last-child) .semi-scrolllist-body, .semi-portal-rtl .semi-timepicker-range-panel .semi-timepicker-lists > .semi-scrolllist:not(:last-child) .semi-scrolllist-body {
    border-right: 0;
    border-left: 2px solid var(--semi-color-border)
}

.semi-tree-search-wrapper {
    padding: 8px 12px
}

.semi-tree-wrapper {
    display: flex;
    flex-direction: column
}

.semi-tree-option-list {
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    flex: 1;
    padding: 8px 0
}

    .semi-tree-option-list ul, .semi-tree-option-list li {
        list-style-type: none;
        padding: 0;
        margin: 0
    }

        .semi-tree-option-list li.semi-tree-option {
            box-sizing: border-box;
            padding-top: 4px;
            padding-bottom: 4px;
            padding-left: 8px
        }

        .semi-tree-option-list li > .semi-tree-option-label {
            list-style-type: none;
            padding: 0
        }

    .semi-tree-option-list .semi-tree-option-expand-icon, .semi-tree-option-list .semi-tree-option-empty-icon {
        box-sizing: border-box;
        width: 12px;
        color: var(--semi-color-text-2);
        margin-right: 8px;
        display: flex;
        flex-shrink: 0
    }

    .semi-tree-option-list .semi-tree-option {
        display: flex;
        align-items: center;
        cursor: pointer;
        transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
        transform: scale(var(--semi-transform_scale-none));
        font-size: 14px;
        font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
        line-height: 20px;
        word-break: break-word;
        color: var(--semi-color-text-0);
        position: relative
    }

    .semi-tree-option-list .semi-tree-option-label {
        display: flex;
        align-items: center
    }

        .semi-tree-option-list .semi-tree-option-label > .semi-icon {
            margin-right: 8px
        }

        .semi-tree-option-list .semi-tree-option-label .semi-checkbox {
            margin-right: 8px
        }

    .semi-tree-option-list .semi-tree-option-label-text {
        display: block;
        flex: 1
    }

    .semi-tree-option-list .semi-tree-option-ellipsis .semi-tree-option-label-text {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .semi-tree-option-list .semi-tree-option-label-text, .semi-tree-option-list .semi-tree-option .semi-checkbox-addon {
        border-radius: var(--semi-border-radius-small)
    }

        .semi-tree-option-list .semi-tree-option-label-text:hover, .semi-tree-option-list .semi-tree-option .semi-checkbox-addon:hover {
            background-color: var(--semi-color-fill-0)
        }

        .semi-tree-option-list .semi-tree-option-label-text:active, .semi-tree-option-list .semi-tree-option .semi-checkbox-addon:active {
            background-color: var(--semi-color-fill-1)
        }

    .semi-tree-option-list .semi-tree-option-item-icon {
        color: var(--semi-color-text-2)
    }

    .semi-tree-option-list .semi-tree-option-active .semi-tree-option-label-text {
        background-color: var(--semi-color-primary-light-default)
    }

    .semi-tree-option-list .semi-tree-option-active:hover, .semi-tree-option-list .semi-tree-option-active:active {
        background-color: transparent
    }

    .semi-tree-option-list .semi-tree-option-selected .semi-tree-option-label, .semi-tree-option-list .semi-tree-option-selected .semi-tree-option-label:hover, .semi-tree-option-list .semi-tree-option-selected .semi-tree-option-label:active {
        background-color: var(--semi-color-primary-light-default)
    }

    .semi-tree-option-list .semi-tree-option-collapsed .semi-tree-option-expand-icon {
        transform: rotate(270deg)
    }

    .semi-tree-option-list .semi-tree-option-highlight {
        font-weight: 600;
        color: var(--semi-color-primary)
    }

    .semi-tree-option-list .semi-tree-option-hidden {
        display: none
    }

    .semi-tree-option-list .semi-tree-option-disabled .semi-tree-option-label {
        color: var(--semi-color-disabled-text)
    }

    .semi-tree-option-list .semi-tree-option-fullLabel-draggable, .semi-tree-option-list .semi-tree-option-draggable {
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        -khtml-user-drag: element;
        -webkit-user-drag: element
    }

    .semi-tree-option-list .semi-tree-option-draggable {
        box-sizing: border-box;
        border-left: 2px solid transparent
    }

        .semi-tree-option-list .semi-tree-option-draggable .semi-tree-option-label {
            border-top: 2px transparent solid;
            border-bottom: 2px transparent solid
        }

        .semi-tree-option-list .semi-tree-option-draggable .semi-tree-option-drag-over-gap-top {
            border-top: 2px var(--semi-color-primary) solid
        }

        .semi-tree-option-list .semi-tree-option-draggable .semi-tree-option-drag-over-gap-bottom {
            border-bottom: 2px var(--semi-color-primary) solid
        }

        .semi-tree-option-list .semi-tree-option-draggable .semi-tree-option-indent .semi-tree-option-indent-unit:before {
            top: 0;
            bottom: 0
        }

        .semi-tree-option-list .semi-tree-option-draggable .semi-tree-option-switcher-leaf-line:before {
            top: 0;
            bottom: 0
        }

        .semi-tree-option-list .semi-tree-option-draggable.semi-tree-option-tree-node-last-leaf .semi-tree-option-switcher-leaf-line:before {
            height: 50%
        }

    .semi-tree-option-list .semi-tree-option-fullLabel-draggable.semi-tree-option-fullLabel-drag-over-gap-top {
        border-top: 2px var(--semi-color-primary) solid
    }

    .semi-tree-option-list .semi-tree-option-fullLabel-draggable.semi-tree-option-fullLabel-drag-over-gap-bottom {
        border-bottom: 2px var(--semi-color-primary) solid
    }

    .semi-tree-option-list .semi-tree-option-drag-over.semi-tree-option-draggable, .semi-tree-option-list .semi-tree-option-drag-over.semi-tree-option-fullLabel-draggable {
        border: 2px solid var(--semi-color-primary)
    }

        .semi-tree-option-list .semi-tree-option-drag-over.semi-tree-option-draggable .semi-tree-option-label, .semi-tree-option-list .semi-tree-option-drag-over.semi-tree-option-fullLabel-draggable .semi-tree-option-label {
            border-top: 0;
            border-bottom: 0
        }

        .semi-tree-option-list .semi-tree-option-drag-over.semi-tree-option-draggable + .semi-tree-option-selected:after, .semi-tree-option-list .semi-tree-option-drag-over.semi-tree-option-fullLabel-draggable + .semi-tree-option-selected:after {
            content: "";
            position: absolute;
            top: 0;
            left: -2px;
            bottom: 0;
            right: -1px;
            border-top: 2px solid var(--semi-color-primary)
        }

    .semi-tree-option-list .semi-tree-option-indent {
        align-self: stretch;
        white-space: nowrap;
        -webkit-user-select: none;
        user-select: none
    }

    .semi-tree-option-list .semi-tree-option-indent-unit {
        display: inline-block;
        width: 20px
    }

    .semi-tree-option-list .semi-tree-option-indent-show-line .semi-tree-option-indent-unit {
        position: relative;
        height: 100%
    }

        .semi-tree-option-list .semi-tree-option-indent-show-line .semi-tree-option-indent-unit:before {
            position: absolute;
            top: -4px;
            inset-inline-start: 6px;
            bottom: -4px;
            border-inline-end: 1px solid var(--semi-color-text-3);
            content: ""
        }

    .semi-tree-option-list .semi-tree-option-indent-show-line .semi-tree-option-indent-unit-end:before {
        display: none
    }

    .semi-tree-option-list .semi-tree-option-switcher {
        position: relative;
        flex: none;
        align-self: stretch;
        width: 12px;
        margin: 0 8px 0 0;
        text-align: center;
        cursor: pointer;
        -webkit-user-select: none;
        user-select: none
    }

    .semi-tree-option-list .semi-tree-option-switcher-leaf-line {
        z-index: 1;
        position: relative;
        display: inline-block;
        width: 100%;
        height: 100%
    }

        .semi-tree-option-list .semi-tree-option-switcher-leaf-line:before {
            position: absolute;
            top: -4px;
            inset-inline-start: 6px;
            bottom: -4px;
            border-inline-end: 1px solid var(--semi-color-text-3);
            content: ""
        }

        .semi-tree-option-list .semi-tree-option-switcher-leaf-line:after {
            box-sizing: border-box;
            position: absolute;
            width: 8px;
            height: 50%;
            border-bottom: 1px solid var(--semi-color-text-3);
            content: "";
            margin-inline-start: 1px
        }

    .semi-tree-option-list .semi-tree-option-tree-node-last-leaf .semi-tree-option-switcher-leaf-line:before {
        height: calc(50% + 4px)
    }

    .semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option {
        padding-top: 0;
        padding-bottom: 0
    }

        .semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-label {
            padding: 2px 0
        }

        .semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected, .semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected:hover, .semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected:active {
            background-color: transparent
        }

    .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-1 {
        padding-left: 8px
    }

    .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-2 {
        padding-left: 28px
    }

    .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-3 {
        padding-left: 48px
    }

    .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-4 {
        padding-left: 68px
    }

    .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-5 {
        padding-left: 88px
    }

    .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-6 {
        padding-left: 108px
    }

    .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-7 {
        padding-left: 128px
    }

    .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-8 {
        padding-left: 148px
    }

    .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-9 {
        padding-left: 168px
    }

    .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-10 {
        padding-left: 188px
    }

    .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-11 {
        padding-left: 208px
    }

    .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-12 {
        padding-left: 228px
    }

    .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-13 {
        padding-left: 248px
    }

    .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-14 {
        padding-left: 268px
    }

    .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-15 {
        padding-left: 288px
    }

    .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-16 {
        padding-left: 308px
    }

    .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-17 {
        padding-left: 328px
    }

    .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-18 {
        padding-left: 348px
    }

    .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-19 {
        padding-left: 368px
    }

    .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-20 {
        padding-left: 388px
    }

    .semi-tree-option-list .semi-tree-option-empty:hover, .semi-tree-option-list .semi-tree-option-empty:active {
        background-color: transparent
    }

    .semi-tree-option-list .semi-tree-option-label-empty {
        padding-left: 0;
        justify-content: center;
        color: var(--semi-color-disabled-text);
        -webkit-user-select: none;
        user-select: none;
        cursor: not-allowed
    }

    .semi-tree-option-list .semi-checkboxGroup-vertical {
        row-gap: 0
    }

.semi-tree-option-list-block .semi-tree-option:hover {
    background-color: var(--semi-color-fill-0)
}

.semi-tree-option-list-block .semi-tree-option:active {
    background-color: var(--semi-color-fill-1)
}

.semi-tree-option-list-block .semi-tree-option-label {
    flex: 1
}

.semi-tree-option-list-block .semi-tree-option-active, .semi-tree-option-list-block .semi-tree-option-active:hover, .semi-tree-option-list-block .semi-tree-option-active:active {
    background-color: var(--semi-color-primary-light-default)
}

    .semi-tree-option-list-block .semi-tree-option-active .semi-tree-option-label-text {
        background-color: transparent
    }

.semi-tree-option-list-block .semi-tree-option-expand-icon {
    flex-shrink: 0;
    box-sizing: content-box
}

    .semi-tree-option-list-block .semi-tree-option-expand-icon:hover {
        color: var(--semi-color-text-0)
    }

    .semi-tree-option-list-block .semi-tree-option-expand-icon:active {
        color: var(--semi-color-black)
    }

.semi-tree-option-list-block .semi-tree-option-spin-icon {
    display: flex;
    line-height: 0;
    color: var(--semi-color-primary)
}

    .semi-tree-option-list-block .semi-tree-option-spin-icon svg {
        width: 12px;
        height: 12px
    }

.semi-tree-option-list-block .semi-tree-option-selected {
    background-color: var(--semi-color-primary-light-default)
}

    .semi-tree-option-list-block .semi-tree-option-selected .semi-tree-option-label, .semi-tree-option-list-block .semi-tree-option-selected .semi-tree-option-label:hover, .semi-tree-option-list-block .semi-tree-option-selected .semi-tree-option-label:active, .semi-tree-option-list-block .semi-tree-option-selected .semi-checkbox-addon {
        background-color: transparent
    }

    .semi-tree-option-list-block .semi-tree-option-selected:hover, .semi-tree-option-list-block .semi-tree-option-selected:active {
        background-color: var(--semi-color-primary-light-default)
    }

.semi-tree-option-list-block .semi-tree-option-label-text, .semi-tree-option-list-block .semi-tree-option .semi-checkbox-addon {
    padding: 0;
    border-radius: var(--semi-border-radius-small)
}

    .semi-tree-option-list-block .semi-tree-option-label-text:hover, .semi-tree-option-list-block .semi-tree-option .semi-checkbox-addon:hover, .semi-tree-option-list-block .semi-tree-option-label-text:active, .semi-tree-option-list-block .semi-tree-option .semi-checkbox-addon:active {
        background-color: transparent
    }

.semi-tree-option-list-block .semi-tree-option-label-text {
    width: 0
}

.semi-tree-option-list-block .semi-tree-option-empty:hover, .semi-tree-option-list-block .semi-tree-option-empty:active {
    background-color: transparent
}

.semi-rtl .semi-tree, .semi-popover-rtl .semi-tree, .semi-rtl .semi-tree-wrapper, .semi-popover-rtl .semi-tree-wrapper, .semi-rtl .semi-tree-option-list, .semi-popover-rtl .semi-tree-option-list {
    direction: rtl
}

    .semi-rtl .semi-tree-option-list .semi-tree-option-expand-icon, .semi-rtl .semi-tree-option-list .semi-tree-option-empty-icon, .semi-popover-rtl .semi-tree-option-list .semi-tree-option-expand-icon, .semi-popover-rtl .semi-tree-option-list .semi-tree-option-empty-icon {
        margin-right: 0;
        margin-left: 8px
    }

    .semi-rtl .semi-tree-option-list .semi-tree-option, .semi-popover-rtl .semi-tree-option-list .semi-tree-option {
        padding-left: 0;
        padding-right: 8px
    }

    .semi-rtl .semi-tree-option-list .semi-tree-option-label > .semi-icon, .semi-popover-rtl .semi-tree-option-list .semi-tree-option-label > .semi-icon {
        margin-right: 0;
        margin-left: 8px
    }

    .semi-rtl .semi-tree-option-list .semi-tree-option-label .semi-checkbox, .semi-popover-rtl .semi-tree-option-list .semi-tree-option-label .semi-checkbox {
        margin-right: 0;
        margin-left: 8px
    }

    .semi-rtl .semi-tree-option-list .semi-tree-option-collapsed .semi-tree-option-expand-icon, .semi-popover-rtl .semi-tree-option-list .semi-tree-option-collapsed .semi-tree-option-expand-icon {
        transform: rotate(90deg)
    }

    .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-1, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-1 {
        padding-left: 0;
        padding-right: 8px
    }

    .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-2, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-2 {
        padding-left: 0;
        padding-right: 28px
    }

    .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-3, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-3 {
        padding-left: 0;
        padding-right: 48px
    }

    .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-4, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-4 {
        padding-left: 0;
        padding-right: 68px
    }

    .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-5, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-5 {
        padding-left: 0;
        padding-right: 88px
    }

    .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-6, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-6 {
        padding-left: 0;
        padding-right: 108px
    }

    .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-7, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-7 {
        padding-left: 0;
        padding-right: 128px
    }

    .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-8, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-8 {
        padding-left: 0;
        padding-right: 148px
    }

    .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-9, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-9 {
        padding-left: 0;
        padding-right: 168px
    }

    .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-10, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-10 {
        padding-left: 0;
        padding-right: 188px
    }

    .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-11, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-11 {
        padding-left: 0;
        padding-right: 208px
    }

    .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-12, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-12 {
        padding-left: 0;
        padding-right: 228px
    }

    .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-13, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-13 {
        padding-left: 0;
        padding-right: 248px
    }

    .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-14, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-14 {
        padding-left: 0;
        padding-right: 268px
    }

    .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-15, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-15 {
        padding-left: 0;
        padding-right: 288px
    }

    .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-16, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-16 {
        padding-left: 0;
        padding-right: 308px
    }

    .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-17, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-17 {
        padding-left: 0;
        padding-right: 328px
    }

    .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-18, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-18 {
        padding-left: 0;
        padding-right: 348px
    }

    .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-19, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-19 {
        padding-left: 0;
        padding-right: 368px
    }

    .semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-20, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-20 {
        padding-left: 0;
        padding-right: 388px
    }

    .semi-rtl .semi-tree-option-list .semi-tree-option-label-empty, .semi-popover-rtl .semi-tree-option-list .semi-tree-option-label-empty {
        padding-left: auto;
        padding-right: 0
    }

    .semi-rtl .semi-tree-option-list .semi-tree-option-switcher, .semi-popover-rtl .semi-tree-option-list .semi-tree-option-switcher {
        margin-right: 0;
        margin-left: 8px
    }

.semi-rtl .semi-tree-option-list-block, .semi-popover-rtl .semi-tree-option-list-block {
    direction: rtl
}

.semi-tree-select {
    box-sizing: border-box;
    border-radius: var(--semi-border-radius-small);
    border: 1px solid transparent;
    min-width: 80px;
    min-height: 32px;
    line-height: 32px;
    font-weight: 400;
    background-color: var(--semi-color-fill-0);
    display: inline-flex;
    align-items: center;
    position: relative;
    cursor: pointer
}

    .semi-tree-select:hover {
        background-color: var(--semi-color-fill-1);
        border: 1px solid transparent
    }

    .semi-tree-select:focus {
        border: 1px solid var(--semi-color-focus-border);
        background-color: var(--semi-color-fill-0);
        outline: 0
    }

    .semi-tree-select:active {
        background-color: var(--semi-color-fill-2)
    }

.semi-tree-select-focus, .semi-tree-select-focus:hover {
    background-color: var(--semi-color-fill-0);
    border: 1px solid var(--semi-color-focus-border);
    outline: 0
}

    .semi-tree-select-focus:active {
        background-color: var(--semi-color-fill-2)
    }

.semi-tree-select-warning {
    background-color: var(--semi-color-warning-light-default);
    border-color: var(--semi-color-warning-light-default)
}

    .semi-tree-select-warning:hover {
        background-color: var(--semi-color-warning-light-hover);
        border-color: var(--semi-color-warning-light-hover)
    }

    .semi-tree-select-warning.semi-tree-select-focus {
        background-color: var(--semi-color-warning-light-default);
        border-color: var(--semi-color-warning)
    }

    .semi-tree-select-warning:active {
        background-color: var(--semi-color-warning-light-active);
        border-color: var(--semi-color-warning-light-active)
    }

.semi-tree-select-error {
    background-color: var(--semi-color-danger-light-default);
    border-color: var(--semi-color-danger-light-default)
}

    .semi-tree-select-error:hover {
        background-color: var(--semi-color-danger-light-hover);
        border-color: var(--semi-color-danger-light-hover)
    }

    .semi-tree-select-error.semi-tree-select-focus {
        background-color: var(--semi-color-danger-light-default);
        border-color: var(--semi-color-danger)
    }

    .semi-tree-select-error:active {
        background-color: var(--semi-color-danger-light-active);
        border-color: var(--semi-color-danger-light-active)
    }

.semi-tree-select-disabled {
    cursor: not-allowed;
    -webkit-user-select: none;
    user-select: none;
    background-color: var(--semi-color-disabled-fill)
}

    .semi-tree-select-disabled:hover {
        background-color: var(--semi-color-disabled-fill)
    }

    .semi-tree-select-disabled .semi-tree-select-selection, .semi-tree-select-disabled .semi-tree-select-selection-placeholder {
        color: var(--semi-color-disabled-text);
        cursor: not-allowed
    }

    .semi-tree-select-disabled .semi-tree-select-arrow, .semi-tree-select-disabled .semi-tree-select-prefix, .semi-tree-select-disabled .semi-tree-select-suffix {
        color: var(--semi-color-disabled-text)
    }

    .semi-tree-select-disabled .semi-tag {
        color: var(--semi-color-disabled-text);
        background-color: transparent
    }

.semi-tree-select-selection {
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    height: 100%;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    flex-grow: 1;
    overflow: hidden;
    padding-left: 12px;
    padding-right: 0;
    cursor: pointer;
    color: var(--semi-color-text-0);
    position: relative
}

.semi-tree-select-selection-content {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.semi-tree-select-selection-placeholder {
    color: var(--semi-color-text-2)
}

.semi-tree-select-selection .semi-tag-group {
    height: inherit;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap
}

.semi-tree-select-selection .semi-tag {
    margin: 1px 2px
}

.semi-tree-select-selection-TriggerSearchItem {
    position: absolute;
    max-width: calc(100% - 12px);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.semi-tree-select-selection-TriggerSearchItem-placeholder {
    opacity: .6;
    z-index: -1
}

.semi-tree-select-selection-TriggerSearchItem-disabled {
    cursor: not-allowed;
    color: var(--semi-color-disabled-text)
}

.semi-tree-select-selection .semi-tree-select-triggerSingleSearch-wrapper {
    width: 100%
}

    .semi-tree-select-selection .semi-tree-select-triggerSingleSearch-wrapper .semi-tree-select-inputTrigger .semi-input-wrapper {
        background: transparent
    }

    .semi-tree-select-selection .semi-tree-select-triggerSingleSearch-wrapper .semi-input-wrapper {
        height: 100%;
        width: 100%;
        border: none;
        background-color: transparent
    }

    .semi-tree-select-selection .semi-tree-select-triggerSingleSearch-wrapper .semi-input-wrapper-focus {
        border: none
    }

    .semi-tree-select-selection .semi-tree-select-triggerSingleSearch-wrapper .semi-input {
        padding-left: 0;
        padding-right: 0
    }

.semi-tree-select-selection .semi-tagInput {
    border: hidden;
    background: transparent;
    min-height: 30px
}

.semi-tree-select-selection .semi-tagInput-small {
    min-height: 22px
}

.semi-tree-select-selection .semi-tagInput-large {
    min-height: 38px
}

.semi-tree-select-selection .semi-tagInput .semi-tagInput-wrapper {
    padding-left: 4px;
    padding-right: 4px
}

    .semi-tree-select-selection .semi-tagInput .semi-tagInput-wrapper .semi-input-wrapper .semi-input {
        padding-left: 0
    }

    .semi-tree-select-selection .semi-tagInput .semi-tagInput-wrapper .semi-input-wrapper-default, .semi-tree-select-selection .semi-tagInput .semi-tagInput-wrapper .semi-input-wrapper-large {
        margin-top: 1px;
        margin-bottom: 1px
    }

.semi-tree-select-multiple-tagInput-notEmpty .semi-tagInput {
    margin-left: -4px
}

.semi-tree-select-multiple-tagInput-empty .semi-tagInput {
    margin-left: 4px
}

.semi-tree-select-multiple {
    display: inline-flex
}

    .semi-tree-select-multiple .semi-tree-select-selection {
        padding-left: 4px;
        padding-right: 0
    }

    .semi-tree-select-multiple .semi-tree-select-selection-placeholder {
        padding-left: 8px
    }

.semi-tree-select-small {
    min-height: 24px;
    line-height: 24px
}

.semi-tree-select-large {
    min-height: 40px;
    line-height: 40px
}

    .semi-tree-select-large .semi-tree-select-selection {
        font-size: 14px;
        font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
        line-height: 22px
    }

.semi-tree-select-arrow {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    height: 100%;
    justify-content: center;
    width: 32px;
    color: var(--semi-color-text-2)
}

.semi-tree-select-inset-label {
    display: inline;
    margin-right: 12px;
    font-weight: 600;
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    color: var(--semi-color-text-2);
    flex-shrink: 0;
    white-space: nowrap
}

.semi-tree-select.semi-tree-select-with-prefix {
    display: inline-flex;
    align-items: center
}

.semi-tree-select-arrow, .semi-tree-select-clearbtn {
    display: inline-flex;
    align-items: center;
    height: 100%;
    flex-shrink: 0;
    justify-content: center;
    width: 32px;
    color: var(--semi-color-text-2)
}

    .semi-tree-select-clearbtn:hover {
        color: var(--semi-color-primary-hover)
    }

    .semi-tree-select-clearbtn:active {
        color: var(--semi-color-primary-active)
    }

.semi-tree-select-prefix, .semi-tree-select-suffix {
    display: inline;
    display: flex;
    justify-content: center;
    align-items: center
}

.semi-tree-select-prefix-text, .semi-tree-select-suffix-text {
    margin: 0 12px
}

.semi-tree-select-prefix-icon, .semi-tree-select-suffix-icon {
    color: var(--semi-color-text-2);
    margin: 0 8px
}

.semi-tree-select-prefix.semi-tree-select-with-suffix .semi-tree-select-selection, .semi-tree-select-suffix.semi-tree-select-with-suffix .semi-tree-select-selection {
    padding-right: 0
}

.semi-tree-select-prefix-search-wrapper, .semi-tree-select-suffix-search-wrapper {
    padding: 8px 12px;
    border-bottom: 1px solid var(--semi-color-fill-0)
}

.semi-tree-select-prefix-maxTagCount, .semi-tree-select-suffix-maxTagCount {
    color: var(--semi-color-text-2);
    font-size: 14px
}

.semi-tree-select-prefix-popover, .semi-tree-select-suffix-popover {
    max-height: 300px;
    overflow: auto
}

.semi-tree-select-popover .semi-tree-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column
}

    .semi-tree-select-popover .semi-tree-wrapper .semi-tree-option-list {
        flex: 1;
        min-width: 230px
    }

    .semi-tree-select-popover .semi-tree-wrapper .semi-tree-option-list-hidden {
        padding: 0
    }

    .semi-tree-select-popover .semi-tree-wrapper .semi-tree-search-wrapper {
        border-bottom: 1px var(--semi-color-fill-0) solid
    }

.semi-tree-select-borderless:not(:focus-within):not(:hover) {
    background-color: transparent;
    border-color: transparent
}

    .semi-tree-select-borderless:not(:focus-within):not(:hover) .semi-tree-select-arrow {
        opacity: 0
    }

.semi-tree-select-borderless:focus-within:not(:active) {
    background-color: transparent
}

.semi-tree-select-borderless.semi-tree-select-error:not(:focus-within) {
    border-color: var(--semi-color-danger)
}

.semi-tree-select-borderless.semi-tree-select-warning:not(:focus-within) {
    border-color: var(--semi-color-warning)
}

.semi-tree-select-borderless.semi-tree-select-error:focus-within {
    border-color: var(--semi-color-danger)
}

.semi-tree-select-borderless.semi-tree-select-warning:focus-within {
    border-color: var(--semi-color-warning)
}

.semi-rtl .semi-tree-select, .semi-portal-rtl .semi-tree-select {
    direction: rtl
}

    .semi-rtl .semi-tree-select .semi-tagInput .semi-input, .semi-portal-rtl .semi-tree-select .semi-tagInput .semi-input {
        padding-right: 0
    }

.semi-rtl .semi-tree-select-multiple-tagInput-notEmpty .semi-tagInput, .semi-portal-rtl .semi-tree-select-multiple-tagInput-notEmpty .semi-tagInput {
    margin-left: 0;
    margin-right: -4px
}

.semi-rtl .semi-tree-select-multiple-tagInput-empty .semi-tagInput, .semi-portal-rtl .semi-tree-select-multiple-tagInput-empty .semi-tagInput {
    margin-left: 0;
    margin-right: 4px
}

.semi-rtl .semi-tree-select-selection, .semi-portal-rtl .semi-tree-select-selection {
    padding-right: 12px;
    padding-left: 0
}

.semi-rtl .semi-tree-select-multiple .semi-tree-select-selection, .semi-portal-rtl .semi-tree-select-multiple .semi-tree-select-selection {
    padding-left: 0;
    padding-right: 4px
}

.semi-rtl .semi-tree-select-multiple .semi-tree-select-selection-placeholder, .semi-portal-rtl .semi-tree-select-multiple .semi-tree-select-selection-placeholder {
    padding-left: 0;
    padding-right: 8px
}

.semi-rtl .semi-tree-select-inset-label, .semi-portal-rtl .semi-tree-select-inset-label {
    margin-right: 0;
    margin-left: 12px
}

.semi-rtl .semi-tree-select-prefix.semi-tree-select-with-suffix .semi-tree-select-selection, .semi-rtl .semi-tree-select-suffix.semi-tree-select-with-suffix .semi-tree-select-selection, .semi-portal-rtl .semi-tree-select-prefix.semi-tree-select-with-suffix .semi-tree-select-selection, .semi-portal-rtl .semi-tree-select-suffix.semi-tree-select-with-suffix .semi-tree-select-selection {
    padding-right: auto;
    padding-left: 0
}

.semi-rtl .semi-tree-select-popover, .semi-portal-rtl .semi-tree-select-popover {
    direction: rtl
}

.semi-upload {
    display: flex;
    flex-wrap: wrap
}

.semi-upload-disabled, .semi-upload-disabled .semi-upload-file-card, .semi-upload-disabled .semi-upload-file-card-close {
    cursor: not-allowed
}

    .semi-upload-disabled .semi-upload-drag-area {
        border: none;
        cursor: not-allowed
    }

        .semi-upload-disabled .semi-upload-drag-area:hover {
            background-color: var(--semi-color-tertiary-light-default)
        }

    .semi-upload-disabled .semi-upload-drag-area-main-text, .semi-upload-disabled .semi-upload-drag-area-sub-text, .semi-upload-disabled .semi-upload-drag-area-icon {
        cursor: not-allowed;
        color: var(--semi-color-disabled-text)
    }

.semi-upload-hidden-input, .semi-upload-hidden-input-replace {
    display: none
}

.semi-upload-add {
    display: flex;
    align-items: center
}

.semi-upload[x-prompt-pos=right] .semi-upload-add, .semi-upload[x-prompt-pos=right] .semi-upload-prompt {
    display: inline-flex
}

.semi-upload[x-prompt-pos=bottom] .semi-upload-add {
    display: flex
}

.semi-upload[x-prompt-pos=bottom] .semi-upload-prompt {
    display: flex;
    flex-basis: 100%
}

.semi-upload[x-prompt-pos=bottom] .semi-upload-file-list {
    flex-basis: 100%
}

.semi-upload[x-prompt-pos=left] .semi-upload-add {
    display: inline-flex
}

.semi-upload[x-prompt-pos=left] .semi-upload-prompt {
    display: inline-flex;
    order: -1
}

.semi-upload[x-prompt-pos=left] .semi-upload-file-list {
    order: 2
}

.semi-upload-file-list {
    flex-basis: 100%;
    flex-shrink: 0;
    display: block;
    margin-top: 8px;
    margin-bottom: 8px
}

.semi-upload-file-list-main {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    gap: 8px;
    margin-bottom: 8px
}

    .semi-upload-file-list-main p {
        display: flex;
        align-items: center
    }

.semi-upload-file-list-title {
    font-size: 12px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 16px;
    color: var(--semi-color-text-2);
    margin-bottom: 4px
}

.semi-upload-file-list-title-choosen {
    margin-right: 8px
}

.semi-upload-file-list-title-clear {
    cursor: pointer;
    color: var(--semi-color-primary)
}

.semi-upload-file-card {
    border-radius: var(--semi-border-radius-medium);
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    height: 52px;
    width: 250px;
    background-color: var(--semi-color-fill-0);
    cursor: pointer
}

    .semi-upload-file-card:hover {
        background-color: var(--semi-color-fill-1)
    }

    .semi-upload-file-card a {
        text-decoration: none
    }

.semi-upload-file-card-preview {
    height: 36px;
    width: 36px;
    color: var(--semi-color-text-2);
    margin: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--semi-border-radius-small);
    flex-shrink: 0
}

    .semi-upload-file-card-preview img {
        width: 36px;
        height: 36px;
        object-fit: cover
    }

.semi-upload-file-card-preview-placeholder {
    background-color: rgba(var(--semi-grey-3),1);
    color: rgba(var(--semi-white),1)
}

.semi-upload-file-card-show-pointer {
    cursor: pointer
}

.semi-upload-file-card-info {
    display: flex;
    align-items: center
}

.semi-upload-file-card-info-main {
    display: flex;
    flex-wrap: wrap;
    flex: 1
}

.semi-upload-file-card-info-main-text {
    display: flex;
    align-items: center;
    flex-basis: 100%
}

.semi-upload-file-card-info-main-control {
    display: flex
}

.semi-upload-file-card-info-name {
    width: 0;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    font-weight: 600;
    color: var(--semi-color-text-0)
}

.semi-upload-file-card-info-size {
    font-size: 12px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 16px;
    font-weight: 400;
    margin-left: 8px;
    color: var(--semi-color-text-2);
    margin-top: 1px
}

.semi-upload-file-card-info-replace {
    display: inline-flex;
    margin-left: 8px;
    color: var(--semi-color-text-2)
}

.semi-upload-file-card-info-validate-message {
    font-size: 12px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 16px;
    display: flex;
    align-items: center;
    color: var(--semi-color-text-0)
}

.semi-upload-file-card-info-retry {
    font-size: 12px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 16px;
    color: var(--semi-color-primary);
    cursor: pointer;
    margin-left: 8px
}

.semi-upload-file-card-info .semi-progress {
    flex-basis: 100%;
    margin-top: 4px
}

.semi-upload-file-card-close {
    margin-left: 8px;
    margin-right: 8px;
    flex-shrink: 0
}

.semi-upload-file-card-replace {
    margin-left: 8px;
    width: 24px;
    flex-shrink: 0
}

.semi-upload-file-card-icon-loading, .semi-upload-file-card-icon-error.semi-icon {
    font-size: 11px;
    margin-right: 2px
}

.semi-upload-file-card-icon-error {
    position: relative;
    top: -1px
}

.semi-upload-file-card-icon-loading {
    line-height: 0
}

    .semi-upload-file-card-icon-loading .semi-spin-wrapper svg {
        height: 11px;
        width: 11px
    }

.semi-upload-file-card-fail {
    background-color: var(--semi-color-danger-light-default)
}

    .semi-upload-file-card-fail:hover {
        background-color: var(--semi-color-danger-light-hover)
    }

    .semi-upload-file-card-fail .semi-upload-file-card-info-validate-message {
        color: var(--semi-color-danger)
    }

.semi-upload-picture {
    display: flex
}

    .semi-upload-picture[x-prompt-pos=bottom] {
        flex-direction: column
    }

        .semi-upload-picture[x-prompt-pos=bottom] .semi-upload-prompt, .semi-upload-picture[x-prompt-pos=right] .semi-upload-prompt {
            order: 1
        }

.semi-upload-picture-add {
    background-color: var(--semi-color-fill-0);
    height: 96px;
    width: 96px;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 2px dashed var(--semi-color-border);
    color: var(--semi-color-tertiary);
    border-radius: var(--semi-border-radius-small);
    cursor: pointer
}

    .semi-upload-picture-add:hover {
        background-color: var(--semi-color-fill-1)
    }

    .semi-upload-picture-add:active {
        background-color: var(--semi-color-fill-2)
    }

.semi-upload-picture-add-disabled {
    cursor: not-allowed
}

    .semi-upload-picture-add-disabled:hover, .semi-upload-picture-add-disabled:active {
        background-color: var(--semi-color-fill-0)
    }

.semi-upload-picture-file-list {
    flex-basis: inherit;
    margin-top: 0;
    margin-bottom: 0
}

.semi-upload-picture-file-card {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 96px;
    width: 96px;
    border-radius: var(--semi-border-radius-small);
    box-sizing: border-box;
    position: relative;
    overflow: hidden
}

    .semi-upload-picture-file-card img {
        height: 96px;
        width: 96px;
        object-fit: cover;
        border-radius: var(--semi-border-radius-small)
    }

.semi-upload-picture-file-card-custom-thumbnail .semi-image img {
    width: inherit;
    height: inherit
}

.semi-upload-picture-file-card-close {
    visibility: hidden;
    display: inline-flex;
    position: absolute;
    top: 8px;
    right: 8px;
    border-radius: var(--semi-border-radius-circle);
    cursor: pointer;
    transition: all 0s
}

.semi-upload-picture-file-card-icon-close {
    font-size: 16px;
    color: var(--semi-color-white)
}

.semi-upload-picture-file-card:before {
    visibility: hidden;
    background-color: var(--semi-color-overlay-bg);
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.semi-upload-picture-file-card-retry {
    visibility: hidden;
    background-color: var(--semi-color-white);
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: var(--semi-color-primary);
    border-radius: var(--semi-border-radius-circle);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.semi-upload-picture-file-card-icon-retry {
    transform: scaleX(-1);
    font-size: 13px
}

.semi-upload-picture-file-card-replace {
    visibility: hidden;
    display: inline-flex;
    position: absolute;
    cursor: pointer;
    top: 50%;
    left: 50%;
    color: var(--semi-color-white);
    transform: translate3D(-50%,-50%,0)
}

.semi-upload-picture-file-card-preview {
    visibility: hidden;
    display: inline-flex;
    position: absolute;
    cursor: pointer;
    top: 50%;
    left: 50%;
    transform: translate3D(-50%,-50%,0)
}

.semi-upload-picture-file-card-preview-fallback {
    background-color: var(--semi-color-fill-0);
    border: 2px var(--semi-color-border);
    color: var(--semi-color-tertiary);
    border-radius: var(--semi-border-radius-small)
}

.semi-upload-picture-file-card-pic-info {
    display: inline-flex;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 24px;
    padding: 0 10px;
    bottom: 0;
    left: 0;
    color: var(--semi-color-white);
    font-size: 12px;
    font-weight: 600;
    background: linear-gradient(0deg,#16161a4d,#16161a00 77.08%)
}

.semi-upload-picture-file-card-icon-loading, .semi-upload-picture-file-card-icon-error {
    position: absolute;
    bottom: 6px;
    right: 6px;
    color: var(--semi-color-danger)
}

.semi-upload-picture-file-card-icon-loading {
    font-size: 14px
}

.semi-upload-picture-file-card-show-pointer {
    cursor: pointer
}

.semi-upload-picture-file-card-error {
    border: 1px solid var(--semi-color-danger);
    outline: 1px solid var(--semi-color-danger)
}

.semi-upload-picture-file-card:hover:before {
    visibility: visible
}

.semi-upload-picture-file-card:hover .semi-upload-picture-file-card-close, .semi-upload-picture-file-card:hover .semi-upload-picture-file-card-replace, .semi-upload-picture-file-card:hover .semi-upload-picture-file-card-retry, .semi-upload-picture-file-card:hover .semi-upload-picture-file-card-preview {
    visibility: visible
}

.semi-upload-picture-file-card-uploading:before {
    visibility: visible
}

.semi-upload-picture-file-card .semi-progress-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.semi-upload-drag-area {
    border-radius: var(--semi-border-radius-small);
    border: 2px dashed var(--semi-color-border);
    width: 100%;
    padding: 12px;
    background-color: var(--semi-color-tertiary-light-default);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer
}

    .semi-upload-drag-area:hover {
        background-color: var(--semi-color-primary-light-default);
        border-color: var(--semi-color-primary)
    }

.semi-upload-drag-area-custom {
    border: none;
    padding: 0;
    background-color: inherit
}

    .semi-upload-drag-area-custom:hover {
        background-color: inherit
    }

.semi-upload-drag-area-legal {
    background-color: var(--semi-color-primary-light-default);
    border-color: var(--semi-color-primary)
}

    .semi-upload-drag-area-legal .semi-upload-drag-area-sub-text {
        display: none
    }

.semi-upload-drag-area-icon {
    color: var(--semi-color-primary)
}

.semi-upload-drag-area-text {
    text-align: center
}

.semi-upload-drag-area-main-text {
    cursor: pointer;
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    margin-bottom: 4px;
    color: var(--semi-color-text-0)
}

    .semi-upload-drag-area-main-text:hover, .semi-upload-drag-area-main-text:active {
        color: var(--semi-color-text-0)
    }

.semi-upload-drag-area-sub-text {
    cursor: pointer;
    font-size: 12px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 16px;
    color: var(--semi-color-text-0)
}

    .semi-upload-drag-area-sub-text:hover, .semi-upload-drag-area-sub-text:active {
        color: var(--semi-color-text-0)
    }

.semi-upload-drag-area-tips {
    font-size: 12px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 16px;
    font-weight: 600
}

.semi-upload-drag-area-tips-legal {
    color: var(--semi-color-primary)
}

.semi-upload-validate-message {
    flex-basis: 100%;
    flex-shrink: 0;
    display: block;
    color: var(--semi-color-danger)
}

.semi-rtl .semi-upload, .semi-portal-rtl .semi-upload {
    direction: rtl
}

.semi-rtl .semi-upload-file-list-title-choosen, .semi-portal-rtl .semi-upload-file-list-title-choosen {
    margin-right: 0;
    margin-left: 8px
}

.semi-rtl .semi-upload-file-list-title-choosen, .semi-rtl .semi-upload-file-list-title-clear, .semi-portal-rtl .semi-upload-file-list-title-choosen, .semi-portal-rtl .semi-upload-file-list-title-clear {
    display: inline-block
}

.semi-rtl .semi-upload-file-card-info-size, .semi-portal-rtl .semi-upload-file-card-info-size, .semi-rtl .semi-upload-file-card-info-retry, .semi-portal-rtl .semi-upload-file-card-info-retry {
    margin-left: 0;
    margin-right: 8px
}

.semi-rtl .semi-upload-file-card-icon-loading, .semi-rtl .semi-upload-file-card-icon-error, .semi-portal-rtl .semi-upload-file-card-icon-loading, .semi-portal-rtl .semi-upload-file-card-icon-error {
    margin-right: 0;
    margin-left: 2px
}

.semi-rtl .semi-upload-picture-file-card-close, .semi-portal-rtl .semi-upload-picture-file-card-close {
    right: auto;
    left: 8px
}

.semi-rtl .semi-upload-picture-file-card .semi-progress-circle, .semi-portal-rtl .semi-upload-picture-file-card .semi-progress-circle, .semi-rtl .semi-upload-picture-file-card-retry, .semi-portal-rtl .semi-upload-picture-file-card-retry {
    left: auto;
    right: 50%;
    transform: translate(50%,-50%)
}

.semi-rtl .semi-upload-picture-file-card-icon-loading, .semi-rtl .semi-upload-picture-file-card-icon-error, .semi-portal-rtl .semi-upload-picture-file-card-icon-loading, .semi-portal-rtl .semi-upload-picture-file-card-icon-error {
    right: 0;
    left: 6px
}

.semi-form .semi-form-field {
    box-sizing: border-box
}

.semi-form-horizontal {
    display: flex;
    flex-wrap: wrap
}

    .semi-form-horizontal .semi-form-field {
        margin-left: 0;
        padding-right: 16px
    }

        .semi-form-horizontal .semi-form-field:last-child {
            margin-right: 16px
        }

    .semi-form-horizontal .semi-form-field-group {
        padding-right: 16px
    }

    .semi-form-horizontal .semi-row {
        display: block
    }

.semi-form-vertical .semi-form-field {
    margin: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    overflow: hidden
}

    .semi-form-vertical .semi-form-field .semi-form-col-right {
        display: flex;
        justify-content: flex-end
    }

    .semi-form-vertical .semi-form-field .semi-form-col-left {
        display: flex;
        justify-content: flex-start
    }

.semi-form-vertical .semi-form-field-group .semi-form-col-right {
    display: flex;
    justify-content: flex-end
}

.semi-form-vertical .semi-form-field-group .semi-form-col-left {
    display: flex;
    justify-content: flex-start
}

.semi-form-field-label {
    box-sizing: border-box;
    font-weight: 600;
    color: var(--semi-color-text-0);
    margin-bottom: 4px;
    margin-top: 0;
    padding-right: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    flex-shrink: 0
}

.semi-form-field-label-disabled {
    color: var(--semi-color-disabled-text)
}

.semi-form-field-label-with-extra .semi-form-field-label-text {
    display: inline-block
}

.semi-form-field-label-with-extra .semi-form-field-label-extra {
    display: flex;
    align-items: center;
    margin-left: 4px
}

.semi-form-field-label-required .semi-form-field-label-text:after {
    content: "*";
    margin-left: 4px;
    color: var(--semi-color-danger);
    font-weight: 600
}

.semi-form-field-label-required-disabled {
    color: var(--semi-color-danger)
}

.semi-form-field-label-optional-text {
    color: var(--semi-color-tertiary)
}

.semi-form-field-label-left {
    text-align: left
}

.semi-form-field-label-right {
    text-align: right
}

.semi-form-field-error-message, .semi-form-field-help-text {
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    display: flex;
    align-items: center;
    margin-top: 4px
}

    .semi-form-field-error-message .semi-icon-alert_triangle, .semi-form-field-help-text .semi-icon-alert_triangle {
        color: var(--semi-color-warning)
    }

.semi-form-field-error-message {
    color: var(--semi-color-danger)
}

.semi-form-field[x-label-pos=top] .semi-form-field-label {
    display: block
}

.semi-form-field[x-label-pos=top] .semi-checkboxGroup, .semi-form-field[x-label-pos=top] .semi-radioGroup {
    padding-top: 4px;
    padding-bottom: 4px
}

.semi-form-field[x-label-pos=top] .semi-radioGroup-buttonRadio, .semi-form-field[x-label-pos=top] .semi-radioGroup-horizontal-card, .semi-form-field[x-label-pos=top] .semi-radioGroup-vertical-card {
    padding-top: 0;
    padding-bottom: 0
}

.semi-form-field[x-label-pos=top] .semi-form-field-label-with-extra {
    display: flex;
    align-items: center
}

.semi-form-field[x-label-pos=left] {
    display: flex
}

    .semi-form-field[x-label-pos=left] .semi-form-field-label {
        margin-bottom: 0;
        margin-right: 0;
        padding-top: 6px;
        padding-bottom: 6px
    }

    .semi-form-field[x-label-pos=left] .semi-form-field-label-with-extra {
        display: flex;
        align-items: center
    }

        .semi-form-field[x-label-pos=left] .semi-form-field-label-with-extra.semi-form-field-label-right {
            justify-content: flex-end
        }

    .semi-form-field[x-label-pos=left] .semi-checkboxGroup, .semi-form-field[x-label-pos=left] .semi-radioGroup {
        padding-top: 6px;
        padding-bottom: 6px
    }

    .semi-form-field[x-label-pos=left] .semi-radioGroup-buttonRadio, .semi-form-field[x-label-pos=left] .semi-radioGroup-horizontal-card, .semi-form-field[x-label-pos=left] .semi-radioGroup-vertical-card {
        padding-top: 0;
        padding-bottom: 0
    }

    .semi-form-field[x-label-pos=left] .semi-switch, .semi-form-field[x-label-pos=left] .semi-rating {
        vertical-align: middle;
        margin-top: 4px;
        margin-bottom: 4px
    }

.semi-form-field[x-extra-pos=middle] .semi-form-field-extra {
    margin-top: 4px;
    margin-bottom: 4px
}

.semi-form-field[x-extra-pos=bottom] .semi-form-field-extra {
    margin-top: 4px
}

.semi-form-field-main {
    width: 100%
}

.semi-form-field-validate-status-icon {
    margin-right: 4px;
    flex-shrink: 0;
    align-self: flex-start;
    position: relative;
    top: 2px
}

.semi-form-field-extra {
    color: var(--semi-color-tertiary)
}

.semi-form-field-extra-string {
    color: var(--semi-color-tertiary);
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px
}

.semi-form-vertical .semi-form-field-group {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    overflow: hidden
}

    .semi-form-vertical .semi-form-field-group .semi-form-field {
        margin-top: 0;
        margin-bottom: 0
    }

.semi-form-field-group[x-label-pos=left] {
    display: flex
}

    .semi-form-field-group[x-label-pos=left] .semi-form-field-label {
        margin-bottom: 0;
        margin-right: 0;
        padding-top: 6px;
        padding-bottom: 6px
    }

.semi-form-section {
    width: 100%;
    margin-top: 28px
}

.semi-form-section-text {
    margin-block-start: 0;
    margin-block-end: 0;
    font-size: 16px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 24px;
    font-weight: 600;
    width: 100%;
    padding-bottom: 8px;
    padding-top: 0;
    border-bottom: 1px solid var(--semi-color-border);
    margin-bottom: 4px;
    margin-top: 0;
    color: var(--semi-color-text-0)
}

.semi-form-section:nth-of-type(1) {
    margin-top: 0
}

.semi-rtl .semi-form, .semi-portal-rtl .semi-form {
    direction: rtl
}

.semi-rtl .semi-form-horizontal .semi-form-field, .semi-portal-rtl .semi-form-horizontal .semi-form-field {
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
    padding-left: 16px
}

    .semi-rtl .semi-form-horizontal .semi-form-field:last-child, .semi-portal-rtl .semi-form-horizontal .semi-form-field:last-child {
        margin-left: 16px
    }

.semi-rtl .semi-form-horizontal .semi-form-field-group, .semi-portal-rtl .semi-form-horizontal .semi-form-field-group, .semi-rtl .semi-form-field-label, .semi-portal-rtl .semi-form-field-label {
    padding-right: 0;
    padding-left: 16px
}

.semi-rtl .semi-form-field-label-with-extra .semi-form-field-label-extra, .semi-portal-rtl .semi-form-field-label-with-extra .semi-form-field-label-extra {
    margin-left: 0;
    margin-right: 4px
}

.semi-rtl .semi-form-field-label-required .semi-form-field-label-text:after, .semi-portal-rtl .semi-form-field-label-required .semi-form-field-label-text:after {
    content: "*";
    margin-left: 0;
    margin-right: 4px
}

.semi-rtl .semi-form-field-label-left, .semi-portal-rtl .semi-form-field-label-left {
    text-align: right
}

.semi-rtl .semi-form-field-label-right, .semi-portal-rtl .semi-form-field-label-right {
    text-align: left
}

.semi-rtl .semi-form-field, .semi-portal-rtl .semi-form-field {
    direction: rtl
}

    .semi-rtl .semi-form-field[x-label-pos=left] .semi-form-field-label, .semi-portal-rtl .semi-form-field[x-label-pos=left] .semi-form-field-label {
        margin-right: 0;
        margin-left: 0
    }

.semi-rtl .semi-form-field-validate-status-icon, .semi-portal-rtl .semi-form-field-validate-status-icon {
    margin-right: 0;
    margin-left: 4px
}

.semi-rtl .semi-form-section, .semi-portal-rtl .semi-form-section {
    direction: rtl
}

.semi-card {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border-radius: 10px;
    overflow: hidden;
    background-color: var(--semi-color-bg-0);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em
}

.semi-card-shadows {
    cursor: pointer;
    transition: box-shadow .3s
}

.semi-card-shadows-hover:hover {
    box-shadow: var(--semi-shadow-elevated);
    z-index: 1
}

.semi-card-shadows-always {
    box-shadow: var(--semi-shadow-elevated)
}

.semi-card-bordered {
    border: 1px solid var(--semi-color-border)
}

.semi-card-header {
    padding: 20px
}

.semi-card-header-bordered {
    border-bottom: 1px solid var(--semi-color-border)
}

.semi-card-header-wrapper {
    display: flex;
    align-items: flex-start;
    flex-direction: row-reverse;
    justify-content: space-between
}

.semi-card-header-wrapper-spacing {
    margin-right: 20px
}

.semi-card-header-wrapper-title {
    width: 100%;
    overflow: hidden
}

.semi-card-header-wrapper-extra {
    flex-shrink: 0;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0em;
    color: var(--semi-color-text-0)
}

.semi-card-cover > * {
    display: block;
    width: 100%
}

.semi-card-body {
    padding: 20px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    color: var(--semi-color-text-1)
}

.semi-card-body-actions {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid var(--semi-color-border)
}

.semi-card-footer {
    padding: 20px
}

.semi-card-footer-bordered {
    border-top: 1px solid var(--semi-color-border)
}

.semi-card-meta {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.semi-card-meta-avatar {
    margin-right: 12px
}

.semi-card-meta-wrapper-title {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0em;
    color: var(--semi-color-text-0)
}

.semi-card-meta-wrapper-description {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    color: var(--semi-color-text-2)
}

.semi-card-group-grid .semi-card {
    border-radius: 0
}

.semi-card-group-grid .semi-card {
    margin-left: -1px;
    margin-top: -1px
}

.semi-rtl .semi-card, .semi-portal-rtl .semi-card {
    direction: rtl
}

.semi-rtl .semi-card-header-wrapper, .semi-portal-rtl .semi-card-header-wrapper {
    align-items: flex-end
}

.semi-rtl .semi-card-header-wrapper-title, .semi-portal-rtl .semi-card-header-wrapper-title {
    display: flex;
    align-items: flex-end
}

.semi-rtl .semi-card-header-wrapper-spacing, .semi-portal-rtl .semi-card-header-wrapper-spacing {
    margin-left: 20px;
    margin-right: 0
}

.semi-rtl .semi-card-meta-avatar, .semi-portal-rtl .semi-card-meta-avatar {
    margin-left: 12px;
    margin-right: 0
}

.semi-rtl .semi-card-group, .semi-portal-rtl .semi-card-group {
    direction: rtl
}

.semi-rtl .semi-card-group-grid .semi-card, .semi-portal-rtl .semi-card-group-grid .semi-card {
    margin: 0 -1px -1px 0
}

.semi-banner {
    padding: 12px
}

.semi-banner-content-wrapper {
    display: flex;
    flex-direction: row
}

.semi-banner-description {
    margin: 0
}

.semi-banner .semi-banner-content-wrapper .semi-banner-content {
    display: flex;
    flex: 1
}

.semi-banner-in-container {
    border-radius: 4px
}

    .semi-banner-in-container .semi-banner-content-wrapper .semi-banner-content-body {
        flex: 1
    }

        .semi-banner-in-container .semi-banner-content-wrapper .semi-banner-content-body .semi-banner-title + .semi-banner-description {
            margin-top: 2px
        }

.semi-banner-full .semi-banner-content-wrapper .semi-banner-content {
    justify-content: center
}

.semi-banner-full .semi-banner-content-wrapper .semi-banner-icon, .semi-banner-full .semi-banner-content-wrapper .semi-banner-content-body {
    display: flex;
    align-items: center
}

.semi-banner-close {
    margin-left: 12px;
    height: 24px;
    width: 24px
}

.semi-banner-extra {
    margin-top: 8px
}

.semi-banner-icon {
    display: flex;
    margin-right: 12px
}

.semi-banner-info {
    background-color: var(--semi-color-primary-light-default);
    color: var(--semi-color-primary)
}

    .semi-banner-info.semi-banner-bordered {
        border: 1px solid rgba(var(--semi-blue-5),.12)
    }

.semi-banner-warning {
    background-color: var(--semi-color-warning-light-default);
    color: var(--semi-color-warning)
}

    .semi-banner-warning.semi-banner-bordered {
        border: 1px solid rgba(var(--semi-yellow-5),.12)
    }

.semi-banner-success {
    background-color: var(--semi-color-success-light-default);
    color: var(--semi-color-success)
}

    .semi-banner-success.semi-banner-bordered {
        border: 1px solid rgba(var(--semi-green-5),.12)
    }

.semi-banner-danger {
    background-color: var(--semi-color-danger-light-default);
    color: var(--semi-color-danger)
}

    .semi-banner-danger.semi-banner-bordered {
        border: 1px solid rgba(var(--semi-red-5),.12)
    }

.semi-rtl .semi-banner, .semi-portal-rtl .semi-banner {
    direction: rtl
}

.semi-rtl .semi-banner-close, .semi-portal-rtl .semi-banner-close {
    margin-left: 0;
    margin-right: 12px;
    height: 24px;
    width: 24px
}

.semi-rtl .semi-banner-icon, .semi-portal-rtl .semi-banner-icon {
    margin-right: 0;
    margin-left: 12px
}

.semi-tabs {
    box-sizing: border-box;
    position: relative
}

.semi-tabs-left {
    display: flex;
    flex-direction: row
}

.semi-tabs-bar {
    position: relative;
    white-space: nowrap;
    outline: none
}

.semi-tabs-bar-left {
    display: flex;
    flex-direction: column
}

.semi-tabs-bar-extra {
    padding: 0 5px
}

.semi-tabs-bar-more-trigger {
    display: inline-block;
    cursor: pointer;
    color: var(--semi-color-text-2)
}

.semi-tabs-bar-more-trigger-content {
    display: flex;
    align-content: center
}

.semi-tabs-bar-more-trigger-content-icon:not(:not(.semi-tabs-bar-more-trigger-content-icon)) {
    margin: 0 8px;
    flex-shrink: 0;
    display: flex;
    align-items: center
}

.semi-tabs-bar-more-trigger-line {
    padding: 16px 4px 14px
}

.semi-tabs-bar-more-trigger-card, .semi-tabs-bar-more-trigger-button {
    padding: 8px 12px
}

.semi-tabs-bar .semi-tabs-tab {
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    cursor: pointer;
    box-sizing: border-box;
    position: relative;
    display: block;
    float: left;
    font-weight: 400;
    color: var(--semi-color-text-1);
    -webkit-user-select: none;
    user-select: none
}

    .semi-tabs-bar .semi-tabs-tab .semi-icon:not(.semi-icon-checkbox_tick,.semi-icon-radio,.semi-icon-checkbox_indeterminate) {
        position: relative;
        margin-right: 8px;
        top: 3px;
        color: var(--semi-color-text-2);
        transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none)
    }

    .semi-tabs-bar .semi-tabs-tab .semi-icon.semi-tabs-tab-icon-close {
        margin-right: 0;
        font-size: 14px;
        color: var(--semi-color-text-2);
        margin-left: 10px;
        cursor: pointer
    }

    .semi-tabs-bar .semi-tabs-tab:hover {
        color: var(--semi-color-text-0)
    }

        .semi-tabs-bar .semi-tabs-tab:hover .semi-icon:not(.semi-icon-checkbox_tick,.semi-icon-radio,.semi-icon-checkbox_indeterminate) {
            color: var(--semi-color-text-0)
        }

    .semi-tabs-bar .semi-tabs-tab:active {
        color: var(--semi-color-text-0)
    }

        .semi-tabs-bar .semi-tabs-tab:active .semi-icon:not(.semi-icon-checkbox_tick,.semi-icon-radio,.semi-icon-checkbox_indeterminate) {
            color: var(--semi-color-text-0)
        }

.semi-tabs-bar .semi-tabs-tab-active, .semi-tabs-bar .semi-tabs-tab-active:hover {
    cursor: default;
    font-weight: 600;
    color: var(--semi-color-text-0)
}

    .semi-tabs-bar .semi-tabs-tab-active .semi-icon:not(.semi-icon-checkbox_tick,.semi-icon-radio,.semi-icon-checkbox_indeterminate), .semi-tabs-bar .semi-tabs-tab-active:hover .semi-icon:not(.semi-icon-checkbox_tick,.semi-icon-radio,.semi-icon-checkbox_indeterminate) {
        color: var(--semi-color-text-0)
    }

    .semi-tabs-bar .semi-tabs-tab-active .semi-icon.semi-tabs-tab-icon-close, .semi-tabs-bar .semi-tabs-tab-active:hover .semi-icon.semi-tabs-tab-icon-close {
        color: var(--semi-color-text-2)
    }

        .semi-tabs-bar .semi-tabs-tab-active .semi-icon.semi-tabs-tab-icon-close:hover {
            color: var(--semi-color-text-1)
        }

.semi-tabs-bar .semi-tabs-tab-disabled {
    cursor: not-allowed;
    color: var(--semi-color-disabled-text)
}

    .semi-tabs-bar .semi-tabs-tab-disabled:hover {
        color: var(--semi-color-disabled-text);
        border-bottom: none
    }

.semi-tabs-tab-single.semi-tabs-tab {
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    cursor: pointer;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    font-weight: 400;
    color: var(--semi-color-text-1);
    -webkit-user-select: none;
    user-select: none
}

    .semi-tabs-tab-single.semi-tabs-tab .semi-icon:not(.semi-icon-checkbox_tick,.semi-icon-radio,.semi-icon-checkbox_indeterminate) {
        position: relative;
        margin-right: 8px;
        top: 3px;
        color: var(--semi-color-text-2);
        transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none)
    }

    .semi-tabs-tab-single.semi-tabs-tab .semi-icon.semi-tabs-tab-icon-close {
        margin-right: 0;
        font-size: 14px;
        color: var(--semi-color-text-2);
        margin-left: 10px;
        cursor: pointer
    }

        .semi-tabs-tab-single.semi-tabs-tab .semi-icon.semi-tabs-tab-icon-close.semi-icon-close:hover, .semi-tabs-tab-single.semi-tabs-tab:hover {
            color: var(--semi-color-text-0)
        }

            .semi-tabs-tab-single.semi-tabs-tab:hover .semi-icon:not(.semi-icon-checkbox_tick,.semi-icon-radio,.semi-icon-checkbox_indeterminate) {
                color: var(--semi-color-text-0)
            }

            .semi-tabs-tab-single.semi-tabs-tab:hover .semi-icon.semi-tabs-tab-icon-close {
                color: var(--semi-color-text-2)
            }

    .semi-tabs-tab-single.semi-tabs-tab:active {
        color: var(--semi-color-text-0)
    }

        .semi-tabs-tab-single.semi-tabs-tab:active .semi-icon:not(.semi-icon-checkbox_tick,.semi-icon-radio,.semi-icon-checkbox_indeterminate) {
            color: var(--semi-color-text-0)
        }

        .semi-tabs-tab-single.semi-tabs-tab:active .semi-icon.semi-tabs-tab-icon-close {
            color: var(--semi-color-text-2)
        }

.semi-tabs-tab-single.semi-tabs-tab-active, .semi-tabs-tab-single.semi-tabs-tab-active:hover {
    cursor: default;
    font-weight: 600;
    color: var(--semi-color-text-0)
}

    .semi-tabs-tab-single.semi-tabs-tab-active .semi-icon:not(.semi-icon-checkbox_tick,.semi-icon-radio,.semi-icon-checkbox_indeterminate), .semi-tabs-tab-single.semi-tabs-tab-active:hover .semi-icon:not(.semi-icon-checkbox_tick,.semi-icon-radio,.semi-icon-checkbox_indeterminate) {
        color: var(--semi-color-text-0)
    }

    .semi-tabs-tab-single.semi-tabs-tab-active .semi-icon.semi-tabs-tab-icon-close, .semi-tabs-tab-single.semi-tabs-tab-active:hover .semi-icon.semi-tabs-tab-icon-close {
        color: var(--semi-color-text-2)
    }

        .semi-tabs-tab-single.semi-tabs-tab-active .semi-icon.semi-tabs-tab-icon-close:hover {
            color: var(--semi-color-text-1)
        }

.semi-tabs-tab-single.semi-tabs-tab-disabled {
    cursor: not-allowed;
    color: var(--semi-color-disabled-text)
}

    .semi-tabs-tab-single.semi-tabs-tab-disabled:hover {
        color: var(--semi-color-disabled-text);
        border-bottom: none
    }

.semi-tabs-bar-collapse, .semi-tabs-bar-collapse .semi-tabs-bar-overflow-list {
    display: flex;
    align-items: center
}

    .semi-tabs-bar-collapse .semi-overflow-list {
        flex: 1
    }

        .semi-tabs-bar-collapse .semi-overflow-list .semi-overflow-list-scroll-wrapper {
            -ms-overflow-style: none;
            scrollbar-width: none
        }

            .semi-tabs-bar-collapse .semi-overflow-list .semi-overflow-list-scroll-wrapper::-webkit-scrollbar {
                display: none;
                width: 0;
                height: 0
            }

            .semi-tabs-bar-collapse .semi-overflow-list .semi-overflow-list-scroll-wrapper:focus-visible {
                outline: 2px solid var(--semi-color-tertiary-light-active);
                outline-offset: -2px
            }

        .semi-tabs-bar-collapse .semi-overflow-list > .semi-button-disabled {
            color: var(--semi-color-disabled-text);
            background-color: transparent
        }

            .semi-tabs-bar-collapse .semi-overflow-list > .semi-button-disabled:hover {
                color: var(--semi-color-disabled-text);
                background-color: transparent
            }

    .semi-tabs-bar-collapse .semi-tabs-bar-arrow-start {
        margin-right: 4px
    }

        .semi-tabs-bar-collapse .semi-tabs-bar-arrow-start > .semi-button[aria-disabled=false] {
            color: var(--semi-color-primary);
            padding: 8px;
            border: 0px solid transparent;
            background-color: transparent
        }

            .semi-tabs-bar-collapse .semi-tabs-bar-arrow-start > .semi-button[aria-disabled=false]:hover {
                background-color: var(--semi-color-fill-0);
                color: var(--semi-color-primary);
                border-color: transparent
            }

            .semi-tabs-bar-collapse .semi-tabs-bar-arrow-start > .semi-button[aria-disabled=false]:active {
                background-color: var(--semi-color-fill-1);
                color: var(--semi-color-primary);
                border-color: transparent
            }

    .semi-tabs-bar-collapse .semi-tabs-bar-arrow-end {
        margin-left: 4px
    }

        .semi-tabs-bar-collapse .semi-tabs-bar-arrow-end > .semi-button[aria-disabled=false] {
            color: var(--semi-color-primary);
            padding: 8px;
            border: 0px solid transparent;
            background-color: transparent
        }

            .semi-tabs-bar-collapse .semi-tabs-bar-arrow-end > .semi-button[aria-disabled=false]:hover {
                background-color: var(--semi-color-fill-0);
                color: var(--semi-color-primary);
                border-color: transparent
            }

            .semi-tabs-bar-collapse .semi-tabs-bar-arrow-end > .semi-button[aria-disabled=false]:active {
                background-color: var(--semi-color-fill-1);
                color: var(--semi-color-primary);
                border-color: transparent
            }

.semi-tabs-bar-dropdown {
    max-height: 300px;
    overflow-y: auto
}

.semi-tabs-bar:after {
    content: "";
    height: 0;
    display: block;
    clear: both
}

.semi-tabs-bar-line.semi-tabs-bar-top {
    border-bottom: 1px solid var(--semi-color-border);
    transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
    transform: scale(var(--semi-transform_scale-none))
}

    .semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab {
        padding: 16px 4px 14px;
        transition: border-bottom-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none),color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
        border-bottom: 2px solid transparent
    }

        .semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab:nth-of-type(1) {
            padding-left: 0
        }

        .semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab:hover {
            border-bottom: 2px solid var(--semi-color-fill-0)
        }

        .semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab:focus-visible {
            outline: 2px solid var(--semi-color-tertiary-light-active);
            outline-offset: -1px
        }

        .semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab:active {
            border-bottom: 2px solid var(--semi-color-fill-1)
        }

        .semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab:not(:last-of-type) {
            margin-right: 24px
        }

    .semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab-small {
        padding: 8px 4px 6px
    }

    .semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab-medium {
        padding: 12px 4px 10px
    }

    .semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab-active, .semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab-active:hover {
        border-bottom: 2px solid var(--semi-color-text-1)
    }

.semi-tabs-bar-line.semi-tabs-bar-left {
    border-right: 1px solid var(--semi-color-border)
}

    .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab {
        padding: 12px;
        border-left: 2px solid transparent;
        transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none),color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none)
    }

        .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab:hover {
            border-left: 2px solid var(--semi-color-fill-0);
            background-color: var(--semi-color-fill-0)
        }

        .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab:focus-visible {
            outline: 2px solid var(--semi-color-tertiary-light-active);
            outline-offset: -2px
        }

        .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab:active {
            border-left: 2px solid var(--semi-color-fill-1);
            background-color: var(--semi-color-fill-1)
        }

    .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab-small {
        padding: 6px
    }

    .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab-medium {
        padding: 10px
    }

    .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab-active {
        background-color: var(--semi-color-primary-light-default)
    }

        .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab-active, .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab-active:hover {
            border-left: 2px solid var(--semi-color-text-1);
            background-color: var(--semi-color-primary-light-default)
        }

.semi-tabs-bar-line .semi-tabs-bar-extra {
    height: 50px;
    line-height: 50px
}

.semi-tabs-bar-line .semi-tabs-bar-line-extra-small {
    height: 36px;
    line-height: 36px
}

.semi-tabs-bar-card.semi-tabs-bar-top:before {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    border-bottom: 1px solid var(--semi-color-border);
    content: ""
}

.semi-tabs-bar-card.semi-tabs-bar-top .semi-tabs-tab {
    border: 1px solid transparent;
    border-bottom: none;
    border-radius: var(--semi-border-radius-small) var(--semi-border-radius-small) 0 0
}

    .semi-tabs-bar-card.semi-tabs-bar-top .semi-tabs-tab:hover {
        border-bottom: none
    }

    .semi-tabs-bar-card.semi-tabs-bar-top .semi-tabs-tab:not(:last-of-type) {
        margin-right: 8px
    }

.semi-tabs-bar-card.semi-tabs-bar-top .semi-tabs-tab-active, .semi-tabs-bar-card.semi-tabs-bar-top .semi-tabs-tab-active:hover {
    padding: 8px 12px 7px;
    border: 1px solid var(--semi-color-border);
    border-bottom: 1px solid var(--semi-color-bg-1);
    background: transparent
}

.semi-tabs-bar-card.semi-tabs-bar-left {
    border-right: 1px solid var(--semi-color-border)
}

    .semi-tabs-bar-card.semi-tabs-bar-left .semi-tabs-tab {
        border: 1px solid transparent;
        border-right: none;
        border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small)
    }

        .semi-tabs-bar-card.semi-tabs-bar-left .semi-tabs-tab:hover {
            border-right: none
        }

        .semi-tabs-bar-card.semi-tabs-bar-left .semi-tabs-tab:not(:last-of-type) {
            margin-bottom: 8px
        }

    .semi-tabs-bar-card.semi-tabs-bar-left .semi-tabs-tab-active:after {
        content: " ";
        width: 1px;
        position: absolute;
        right: -1px;
        top: 0;
        bottom: 0;
        background: var(--semi-color-bg-1)
    }

    .semi-tabs-bar-card.semi-tabs-bar-left .semi-tabs-tab-active, .semi-tabs-bar-card.semi-tabs-bar-left .semi-tabs-tab-active:hover {
        padding: 8px 12px;
        border: 1px solid var(--semi-color-border);
        border-right: none;
        background: transparent
    }

.semi-tabs-bar-card .semi-tabs-tab {
    padding: 8px 12px;
    transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none),color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
    transform: scale(var(--semi-transform_scale-none))
}

    .semi-tabs-bar-card .semi-tabs-tab:hover {
        background: var(--semi-color-fill-0)
    }

    .semi-tabs-bar-card .semi-tabs-tab:focus-visible {
        outline: 2px solid var(--semi-color-tertiary-light-active);
        outline-offset: -2px
    }

    .semi-tabs-bar-card .semi-tabs-tab:active {
        background: var(--semi-color-fill-1)
    }

.semi-tabs-bar-button {
    border: none
}

    .semi-tabs-bar-button.semi-tabs-bar-left .semi-tabs-tab:not(:last-of-type) {
        margin-bottom: 8px
    }

    .semi-tabs-bar-button.semi-tabs-bar-top .semi-tabs-tab:not(:last-of-type) {
        margin-right: 8px
    }

    .semi-tabs-bar-button .semi-tabs-tab {
        padding: 8px 12px;
        border-radius: var(--semi-border-radius-small);
        color: var(--semi-color-text-1);
        border: none;
        transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none),color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
        transform: scale(var(--semi-transform_scale-none))
    }

        .semi-tabs-bar-button .semi-tabs-tab:hover {
            border: none;
            background-color: var(--semi-color-fill-0)
        }

        .semi-tabs-bar-button .semi-tabs-tab:focus-visible {
            outline: 2px solid var(--semi-color-tertiary-light-active);
            outline-offset: -2px
        }

        .semi-tabs-bar-button .semi-tabs-tab:active {
            background-color: var(--semi-color-fill-1)
        }

    .semi-tabs-bar-button .semi-tabs-tab-active, .semi-tabs-bar-button .semi-tabs-tab-active:hover {
        color: var(--semi-color-text-0);
        border: none;
        background-color: var(--semi-color-fill-0)
    }

.semi-tabs-bar-slash .semi-tabs-tab {
    padding: 12px 0
}

    .semi-tabs-bar-slash .semi-tabs-tab:nth-of-type(1) {
        padding-left: 0
    }

    .semi-tabs-bar-slash .semi-tabs-tab:not(:last-of-type) {
        margin-right: 16px
    }

        .semi-tabs-bar-slash .semi-tabs-tab:not(:last-of-type):after {
            content: "";
            margin-left: 16px;
            display: inline-block;
            height: 14px;
            width: 8px;
            margin-top: 3px;
            margin-bottom: 3px;
            vertical-align: bottom;
            background: linear-gradient(to bottom right,transparent 0%,transparent calc(50% - 1px),var(--semi-color-text-2) 50%,transparent calc(50% + 1px),transparent 100%)
        }

.semi-tabs-content {
    width: 100%;
    padding: 5px 0
}

.semi-tabs-content-left {
    height: 100%;
    padding: 0 5px
}

.semi-tabs-pane {
    width: 100%;
    overflow: hidden;
    color: var(--semi-color-text-0)
}

    .semi-tabs-pane:focus-visible {
        outline: 2px solid var(--semi-color-tertiary-light-active)
    }

.semi-tabs-pane-inactive, .semi-tabs-content-no-animated .semi-tabs-pane-inactive {
    display: none
}

@keyframes semi-tabs-panel-keyframe-leftShow {
    0% {
        transform: translate(60px);
        opacity: 0
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

@keyframes semi-tabs-panel-keyframe-rightShow {
    0% {
        transform: translate(-60px);
        opacity: 0
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

@keyframes semi-tabs-panel-keyframe-topShow {
    0% {
        transform: translateY(60px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes semi-tabs-panel-keyframe-bottomShow {
    0% {
        transform: translateY(-60px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

.semi-tabs-pane-animate-leftShow {
    animation: .2s semi-tabs-panel-keyframe-leftShow ease-in-out 0s;
    animation-fill-mode: forwards
}

.semi-tabs-pane-animate-rightShow {
    animation: .2s semi-tabs-panel-keyframe-rightShow ease-in-out 0s;
    animation-fill-mode: forwards
}

.semi-tabs-pane-animate-topShow {
    animation: .2s semi-tabs-panel-keyframe-topShow ease-in-out 0s;
    animation-fill-mode: forwards
}

.semi-tabs-pane-animate-bottomShow {
    animation: .2s semi-tabs-panel-keyframe-bottomShow ease-in-out 0s;
    animation-fill-mode: forwards
}

.semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab {
    font-size: 14px;
    padding: 16px 4px 14px;
    transition: border-bottom-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none),color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
    border-bottom: 2px solid transparent
}

    .semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab:nth-of-type(1) {
        padding-left: 0
    }

    .semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab:hover {
        border-bottom: 2px solid var(--semi-color-fill-0)
    }

    .semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab:focus-visible {
        outline: 2px solid var(--semi-color-tertiary-light-active);
        outline-offset: -1px
    }

    .semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab:active {
        border-bottom: 2px solid var(--semi-color-fill-1)
    }

.semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab-small {
    font-size: 14px;
    padding: 8px 4px 6px
}

.semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab-medium {
    font-size: 14px;
    padding: 12px 4px 10px
}

.semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab-active, .semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab-active:hover {
    border-bottom: 2px solid var(--semi-color-text-1)
}

.semi-tabs-tab-line.semi-tabs-tab-left.semi-tabs-tab {
    padding: 12px;
    border-left: 2px solid transparent;
    transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none),color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none)
}

    .semi-tabs-tab-line.semi-tabs-tab-left.semi-tabs-tab:hover {
        border-left: 2px solid var(--semi-color-fill-0);
        background-color: var(--semi-color-fill-0)
    }

    .semi-tabs-tab-line.semi-tabs-tab-left.semi-tabs-tab:focus-visible {
        outline: 2px solid var(--semi-color-tertiary-light-active);
        outline-offset: -2px
    }

    .semi-tabs-tab-line.semi-tabs-tab-left.semi-tabs-tab:active {
        border-left: 2px solid var(--semi-color-fill-1);
        background-color: var(--semi-color-fill-1)
    }

.semi-tabs-tab-line.semi-tabs-tab-left.semi-tabs-tab-small {
    padding: 6px
}

.semi-tabs-tab-line.semi-tabs-tab-left.semi-tabs-tab-medium {
    padding: 10px
}

.semi-tabs-tab-line.semi-tabs-tab-left.semi-tabs-tab-active {
    background-color: var(--semi-color-primary-light-default)
}

    .semi-tabs-tab-line.semi-tabs-tab-left.semi-tabs-tab-active, .semi-tabs-tab-line.semi-tabs-tab-left.semi-tabs-tab-active:hover {
        border-left: 2px solid var(--semi-color-text-1);
        background-color: var(--semi-color-primary-light-default)
    }

.semi-tabs-tab-card.semi-tabs-tab-top.semi-tabs-tab {
    border: 1px solid transparent;
    border-bottom: none;
    border-radius: var(--semi-border-radius-small) var(--semi-border-radius-small) 0 0
}

    .semi-tabs-tab-card.semi-tabs-tab-top.semi-tabs-tab:hover {
        border-bottom: none
    }

.semi-tabs-tab-card.semi-tabs-tab-top.semi-tabs-tab-active, .semi-tabs-tab-card.semi-tabs-tab-top.semi-tabs-tab-active:hover {
    padding: 8px 12px 7px;
    border: 1px solid var(--semi-color-border);
    border-bottom: 1px solid var(--semi-color-bg-1);
    background: transparent
}

.semi-tabs-tab-card.semi-tabs-tab-left.semi-tabs-tab {
    border: 1px solid transparent;
    border-right: none;
    border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small)
}

    .semi-tabs-tab-card.semi-tabs-tab-left.semi-tabs-tab:hover {
        border-right: none
    }

.semi-tabs-tab-card.semi-tabs-tab-left.semi-tabs-tab-active:after {
    content: " ";
    width: 1px;
    position: absolute;
    right: -1px;
    top: 0;
    bottom: 0;
    background: var(--semi-color-bg-1)
}

.semi-tabs-tab-card.semi-tabs-tab-left.semi-tabs-tab-active, .semi-tabs-tab-card.semi-tabs-tab-left.semi-tabs-tab-active:hover {
    padding: 8px 12px;
    border: 1px solid var(--semi-color-border);
    border-right: none;
    background: transparent
}

.semi-tabs-tab-card.semi-tabs-tab {
    padding: 8px 12px;
    transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none),color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
    transform: scale(var(--semi-transform_scale-none))
}

    .semi-tabs-tab-card.semi-tabs-tab:hover {
        background: var(--semi-color-fill-0)
    }

    .semi-tabs-tab-card.semi-tabs-tab:focus-visible {
        outline: 2px solid var(--semi-color-tertiary-light-active);
        outline-offset: -2px
    }

    .semi-tabs-tab-card.semi-tabs-tab:active {
        background: var(--semi-color-fill-1)
    }

.semi-tabs-tab-button {
    border: none
}

    .semi-tabs-tab-button.semi-tabs-tab {
        padding: 8px 12px;
        border-radius: var(--semi-border-radius-small);
        color: var(--semi-color-text-1);
        border: none;
        transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none),color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
        transform: scale(var(--semi-transform_scale-none))
    }

        .semi-tabs-tab-button.semi-tabs-tab:hover {
            border: none;
            background-color: var(--semi-color-fill-0)
        }

        .semi-tabs-tab-button.semi-tabs-tab:focus-visible {
            outline: 2px solid var(--semi-color-tertiary-light-active);
            outline-offset: -2px
        }

        .semi-tabs-tab-button.semi-tabs-tab:active {
            background-color: var(--semi-color-fill-1)
        }

    .semi-tabs-tab-button.semi-tabs-tab-active, .semi-tabs-tab-button.semi-tabs-tab-active:hover {
        color: var(--semi-color-text-0);
        border: none;
        background-color: var(--semi-color-fill-0)
    }

.semi-rtl .semi-tabs, .semi-portal-rtl .semi-tabs {
    direction: rtl
}

.semi-rtl .semi-tabs-bar .semi-tabs-tab, .semi-portal-rtl .semi-tabs-bar .semi-tabs-tab {
    float: right
}

    .semi-rtl .semi-tabs-bar .semi-tabs-tab .semi-icon, .semi-portal-rtl .semi-tabs-bar .semi-tabs-tab .semi-icon {
        margin-right: 0;
        margin-left: 8px
    }

.semi-rtl .semi-tabs-bar-collapse .semi-tabs-bar-arrow-start, .semi-portal-rtl .semi-tabs-bar-collapse .semi-tabs-bar-arrow-start {
    margin-right: 0;
    margin-left: 4px
}

.semi-rtl .semi-tabs-bar-collapse .semi-tabs-bar-arrow-end, .semi-portal-rtl .semi-tabs-bar-collapse .semi-tabs-bar-arrow-end {
    margin-left: 0;
    margin-right: 4px
}

.semi-rtl .semi-tabs-bar-collapse .semi-icon-chevron_right, .semi-rtl .semi-tabs-bar-collapse .semi-icon-chevron_left, .semi-portal-rtl .semi-tabs-bar-collapse .semi-icon-chevron_right, .semi-portal-rtl .semi-tabs-bar-collapse .semi-icon-chevron_left {
    transform: scaleX(-1)
}

.semi-rtl .semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab:not(:last-of-type), .semi-portal-rtl .semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab:not(:last-of-type) {
    margin-right: 0;
    margin-left: 24px
}

.semi-rtl .semi-tabs-bar-line.semi-tabs-bar-left, .semi-portal-rtl .semi-tabs-bar-line.semi-tabs-bar-left {
    border-right: 0;
    border-left: 1px solid var(--semi-color-border)
}

    .semi-rtl .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab, .semi-portal-rtl .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab {
        border-left: 0;
        border-right: 2px solid transparent
    }

        .semi-rtl .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab:hover, .semi-portal-rtl .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab:hover {
            border-left: 0;
            border-right: 2px solid var(--semi-color-fill-0)
        }

        .semi-rtl .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab:active, .semi-portal-rtl .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab:active {
            border-left: 0;
            border-right: 2px solid var(--semi-color-fill-1)
        }

    .semi-rtl .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab-active, .semi-rtl .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab-active:hover, .semi-portal-rtl .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab-active, .semi-portal-rtl .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab-active:hover {
        border-left: 0;
        border-right: 2px solid var(--semi-color-text-1)
    }

.semi-rtl .semi-tabs-bar-card.semi-tabs-bar-top .semi-tabs-tab:not(:last-of-type), .semi-portal-rtl .semi-tabs-bar-card.semi-tabs-bar-top .semi-tabs-tab:not(:last-of-type) {
    margin-left: 0;
    margin-right: 8px
}

.semi-rtl .semi-tabs-bar-card.semi-tabs-bar-left, .semi-portal-rtl .semi-tabs-bar-card.semi-tabs-bar-left {
    border-right: 0;
    border-left: 1px solid var(--semi-color-border)
}

    .semi-rtl .semi-tabs-bar-card.semi-tabs-bar-left .semi-tabs-tab, .semi-portal-rtl .semi-tabs-bar-card.semi-tabs-bar-left .semi-tabs-tab {
        border: 1px solid transparent;
        border-left: none
    }

        .semi-rtl .semi-tabs-bar-card.semi-tabs-bar-left .semi-tabs-tab:hover, .semi-portal-rtl .semi-tabs-bar-card.semi-tabs-bar-left .semi-tabs-tab:hover {
            border-left: none
        }

    .semi-rtl .semi-tabs-bar-card.semi-tabs-bar-left .semi-tabs-tab-active:after, .semi-portal-rtl .semi-tabs-bar-card.semi-tabs-bar-left .semi-tabs-tab-active:after {
        right: auto;
        left: -1px
    }

.semi-rtl .semi-tabs-bar-button.semi-tabs-bar-top .semi-tabs-tab:not(:last-of-type), .semi-portal-rtl .semi-tabs-bar-button.semi-tabs-bar-top .semi-tabs-tab:not(:last-of-type) {
    margin-right: auto;
    margin-left: 8px
}

.semi-collapse-item {
    border-bottom: 1px solid var(--semi-color-border)
}

.semi-collapse-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 4px 8px;
    padding: 8px;
    border-radius: var(--semi-border-radius-small);
    outline: none;
    cursor: pointer;
    color: var(--semi-color-text-0);
    font-weight: 600;
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px
}

.semi-collapse-header-right {
    display: flex;
    align-items: center
}

    .semi-collapse-header-right span {
        display: flex;
        padding-right: 8px
    }

        .semi-collapse-header-right span:last-child {
            padding-right: 0
        }

.semi-collapse-header-icon {
    width: 16px;
    height: 16px;
    color: var(--semi-color-text-3)
}

.semi-collapse-header-iconLeft {
    justify-content: flex-start
}

    .semi-collapse-header-iconLeft .semi-collapse-header-icon {
        margin-right: 8px
    }

.semi-collapse-header-iconDisabled {
    color: var(--semi-color-disabled-text)
}

.semi-collapse-header:hover, .semi-collapse-header:active {
    background-color: #fff0
}

.semi-collapse-header-disabled {
    color: var(--semi-color-disabled-text)
}

    .semi-collapse-header-disabled:hover {
        background-color: transparent
    }

.semi-collapse-content {
    padding: 4px 16px 8px;
    color: var(--semi-color-text-1);
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px
}

    .semi-collapse-content p {
        margin: 0
    }

.semi-rtl .semi-collapse, .semi-portal-rtl .semi-collapse {
    direction: rtl
}

.semi-rtl .semi-collapse-header-right span, .semi-portal-rtl .semi-collapse-header-right span {
    display: flex;
    padding-right: 0;
    padding-left: 8px
}

    .semi-rtl .semi-collapse-header-right span:last-child, .semi-portal-rtl .semi-collapse-header-right span:last-child {
        padding-right: 0;
        padding-left: 0
    }

.semi-page {
    display: flex;
    list-style: none;
    padding: 0;
    align-items: center;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    margin-block-start: 0;
    margin-block-end: 0
}

.semi-page-small {
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    font-weight: 400;
    color: var(--semi-color-text-2);
    padding: 0
}

.semi-page-disabled {
    cursor: not-allowed
}

    .semi-page-disabled .semi-page-total {
        color: var(--semi-color-disabled-text)
    }

.semi-page-item {
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    min-width: 32px;
    border: 0px solid transparent;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    height: 32px;
    margin-left: 4px;
    margin-right: 4px;
    font-weight: 400;
    color: var(--semi-color-text-0);
    border-radius: var(--semi-border-radius-small);
    text-align: center;
    line-height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none),color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
    transform: scale(var(--semi-transform_scale-none))
}

    .semi-page-item:hover {
        border-color: transparent;
        background-color: var(--semi-color-fill-0);
        color: var(--semi-color-text-0)
    }

.semi-page-item-rest-opening {
    background-color: var(--semi-color-fill-0);
    color: var(--semi-color-text-0)
}

.semi-page-item:active {
    border-color: transparent;
    background-color: var(--semi-color-fill-1);
    color: var(--semi-color-text-0)
}

.semi-page-item-active {
    border-color: transparent;
    color: var(--semi-color-primary);
    font-weight: 600;
    background-color: var(--semi-color-primary-light-default)
}

    .semi-page-item-active:hover {
        border-color: transparent;
        color: var(--semi-color-primary);
        background-color: var(--semi-color-primary-light-default)
    }

.semi-page-item-disabled {
    border-color: transparent;
    color: var(--semi-color-disabled-text);
    background-color: transparent;
    cursor: not-allowed
}

    .semi-page-item-disabled:hover {
        background-color: transparent
    }

.semi-page-item-small {
    min-width: 44px;
    margin: 0
}

.semi-page-item-all-disabled {
    border-color: transparent;
    color: var(--semi-color-disabled-text);
    background-color: transparent;
    cursor: not-allowed
}

    .semi-page-item-all-disabled:hover {
        background-color: transparent;
        color: var(--semi-color-disabled-text)
    }

.semi-page-item-all-disabled-active {
    background-color: var(--semi-color-disabled-fill);
    font-weight: 600
}

    .semi-page-item-all-disabled-active:hover {
        background-color: var(--semi-color-disabled-fill)
    }

.semi-page-total {
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    color: var(--semi-color-text-2)
}

.semi-page-prev, .semi-page-next {
    color: var(--semi-color-tertiary);
    cursor: pointer
}

    .semi-page-prev.semi-page-item-disabled, .semi-page-next.semi-page-item-disabled {
        color: var(--semi-color-disabled-text);
        cursor: not-allowed
    }

.semi-page-quickjump {
    margin-left: 24px;
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    color: var(--semi-color-text-0)
}

.semi-page-quickjump-input-number {
    max-width: 50px;
    margin-left: 4px;
    margin-right: 4px
}

.semi-page-quickjump-disabled {
    color: var(--semi-color-disabled-text)
}

.semi-page .semi-select, .semi-select-dropdown {
    -webkit-user-select: none;
    user-select: none
}

.semi-page-rest-list {
    padding-top: 4px;
    padding-bottom: 4px
}

    .semi-page-rest-list > div {
        position: relative
    }

.semi-page-rest-item {
    height: 32px;
    line-height: 32px;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    cursor: pointer
}

    .semi-page-rest-item:hover {
        background-color: var(--semi-color-fill-0)
    }

    .semi-page-rest-item:active {
        background-color: var(--semi-color-fill-1)
    }

.semi-rtl .semi-page, .semi-portal-rtl .semi-page {
    direction: rtl
}

.semi-rtl .semi-page-item, .semi-portal-rtl .semi-page-item {
    margin-right: 4px;
    margin-left: 4px
}

.semi-rtl .semi-page-prev, .semi-rtl .semi-page-next, .semi-portal-rtl .semi-page-prev, .semi-portal-rtl .semi-page-next {
    transform: scaleX(-1)
}

.semi-table-panel-operation {
    background-color: var(--semi-color-primary);
    padding: 8px 16px;
    display: flex;
    justify-content: space-between;
    color: var(--semi-color-text-2)
}

.semi-table-panel-operation-right, .semi-table-panel-operation-left {
    display: flex;
    justify-content: space-between
}

.semi-table-panel-operation-selected {
    color: var(--semi-color-primary-light-active)
}

.semi-table-pagination-info {
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    font-weight: 400
}

.semi-table-pagination-outer {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.semi-table {
    width: 100%;
    text-align: left;
    border-collapse: separate;
    border-spacing: 0;
    font-size: inherit;
    display: table
}

.semi-table-wrapper {
    zoom: 1;
    position: relative;
    clear: both;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    color: var(--semi-color-text-1);
    width: 100%
}

    .semi-table-wrapper[data-column-fixed=true] {
        z-index: 1
    }

.semi-table-wrapper-ltr, .semi-table-wrapper-ltr .semi-spin {
    direction: ltr
}

.semi-table-middle .semi-table-tbody > .semi-table-row > .semi-table-row-cell {
    padding-top: 12px;
    padding-bottom: 12px
}

.semi-table-small .semi-table-tbody > .semi-table-row > .semi-table-row-cell {
    padding-top: 8px;
    padding-bottom: 8px
}

.semi-table-title {
    position: relative;
    padding: 16px 0
}

.semi-table-container {
    position: relative
}

.semi-table-header {
    overflow: hidden;
    scrollbar-base-color: transparent
}

    .semi-table-header::-webkit-scrollbar {
        background-color: transparent;
        border-bottom: 1px solid var(--semi-color-border)
    }

.semi-table-header-sticky {
    position: sticky;
    z-index: 102
}

    .semi-table-header-sticky .semi-table-thead > .semi-table-row > .semi-table-row-head {
        background-color: var(--semi-color-bg-1)
    }

.semi-table-header-hidden {
    height: 0
}

.semi-table-align-center .semi-table-operate-wrapper {
    justify-content: center
}

.semi-table-align-right .semi-table-operate-wrapper {
    justify-content: flex-end
}

.semi-table-operate-wrapper {
    display: flex;
    justify-content: flex-start
}

.semi-table-body {
    overflow: auto;
    width: 100%;
    box-sizing: border-box
}

.semi-table-colgroup {
    display: table-column-group
}

    .semi-table-colgroup .semi-table-col {
        display: table-column
    }

    .semi-table-colgroup .semi-table-column-expand, .semi-table-colgroup .semi-table-column-selection {
        width: 48px
    }

.semi-table-thead > .semi-table-row > .semi-table-row-head {
    background-color: transparent;
    color: var(--semi-color-text-0);
    font-weight: 600;
    text-align: left;
    border-bottom: 1px solid var(--semi-color-border);
    padding: 16px;
    vertical-align: middle;
    overflow-wrap: break-word;
    position: relative;
    transition: background-color .1s linear
}

    .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-row-head-clickSort {
        cursor: pointer
    }

        .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-row-head-clickSort:hover {
            background: var(--semi-color-fill-0)
        }

            .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-row-head-clickSort:hover.semi-table-cell-fixed-left:before, .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-row-head-clickSort:hover.semi-table-cell-fixed-right:before {
                background-color: transparent
            }

    .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-left, .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right {
        z-index: 101;
        position: sticky;
        background-color: var(--semi-color-bg-1)
    }

        .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-left:before, .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right:before {
            background-color: transparent;
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            display: block;
            z-index: -1
        }

    .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-left-last {
        border-right: 1px solid var(--semi-color-border);
        box-shadow: 3px 0 0 0 var(--semi-color-shadow)
    }

        .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-left-last.resizing {
            border-right: 2px solid var(--semi-color-primary)
        }

            .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-left-last.resizing .react-resizable-handle:hover {
                background-color: unset
            }

    .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right-first {
        border-left: 1px solid var(--semi-color-border);
        box-shadow: -3px 0 0 0 var(--semi-color-shadow)
    }

        .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right-first.resizing {
            border-right: 2px solid var(--semi-color-primary)
        }

            .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right-first.resizing .react-resizable-handle:hover {
                background-color: unset
            }

        .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right-first[x-type=column-scrollbar] {
            box-shadow: none;
            border-left: transparent
        }

    .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-column-selection {
        text-align: center
    }

    .semi-table-thead > .semi-table-row > .semi-table-row-head[colspan]:not([colspan="1"]) {
        text-align: center
    }

    .semi-table-thead > .semi-table-row > .semi-table-row-head .semi-table-header-column {
        display: inline-flex;
        align-items: center
    }

.semi-table-thead > .semi-table-row > .semi-table-row-head-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

    .semi-table-thead > .semi-table-row > .semi-table-row-head-ellipsis .semi-table-row-head-title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

.semi-table-thead > .semi-table-row .react-resizable {
    position: relative;
    background-clip: padding-box
}

.semi-table-thead > .semi-table-row .resizing {
    border-right: 2px solid var(--semi-color-primary)
}

    .semi-table-thead > .semi-table-row .resizing .react-resizable-handle:hover {
        background-color: unset
    }

.semi-table-thead > .semi-table-row .react-resizable-handle {
    position: absolute;
    width: 9px;
    height: calc(100% - 8px);
    background-color: var(--semi-color-border);
    bottom: 4px;
    right: -1px;
    cursor: col-resize;
    z-index: 0
}

    .semi-table-thead > .semi-table-row .react-resizable-handle:hover {
        background-color: var(--semi-color-primary)
    }

.semi-table-tbody {
    display: table-row-group
}

    .semi-table-tbody > .semi-table-row {
        display: table-row;
        background-color: transparent
    }

        .semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell {
            background-image: linear-gradient(0deg,var(--semi-color-fill-0),var(--semi-color-fill-0));
            background-color: var(--semi-color-bg-0)
        }

            .semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell.semi-table-cell-fixed-left, .semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell.semi-table-cell-fixed-right {
                background-image: linear-gradient(0deg,transparent,transparent)
            }

                .semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell.semi-table-cell-fixed-left:before, .semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell.semi-table-cell-fixed-right:before {
                    background-color: var(--semi-color-fill-0);
                    content: "";
                    position: absolute;
                    left: 0;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    display: block;
                    z-index: -1
                }

        .semi-table-tbody > .semi-table-row > .semi-table-row-cell {
            display: table-cell;
            overflow-wrap: break-word;
            border-left: none;
            border-right: none;
            border-bottom: 1px solid var(--semi-color-border);
            padding: 16px;
            box-sizing: border-box;
            position: relative;
            vertical-align: middle
        }

            .semi-table-tbody > .semi-table-row > .semi-table-row-cell.resizing {
                border-right: 2px solid var(--semi-color-primary)
            }

        .semi-table-tbody > .semi-table-row > .semi-table-row-cell-ellipsis {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .semi-table-tbody > .semi-table-row.semi-table-row-expand > .semi-table-row-cell {
            background-color: var(--semi-color-fill-0)
        }

        .semi-table-tbody > .semi-table-row.semi-table-row-hidden {
            display: none
        }

        .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-left, .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-right {
            z-index: 101;
            position: sticky;
            background-color: var(--semi-color-bg-1)
        }

        .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-left-last {
            border-right: 1px solid var(--semi-color-border);
            box-shadow: 3px 0 0 0 var(--semi-color-shadow)
        }

        .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-right-first {
            border-left: 1px solid var(--semi-color-border);
            box-shadow: -3px 0 0 0 var(--semi-color-shadow)
        }

        .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed > * {
            transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeOut) 0ms
        }

        .semi-table-tbody > .semi-table-row > * {
            transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeOut) 0ms
        }

    .semi-table-tbody > .semi-table-row-section {
        display: table-row
    }

        .semi-table-tbody > .semi-table-row-section > .semi-table-row-cell {
            background-color: rgba(var(--semi-grey-0),1);
            border-bottom: 1px solid var(--semi-color-border)
        }

            .semi-table-tbody > .semi-table-row-section > .semi-table-row-cell:not(.semi-table-column-selection) {
                padding: 10px 16px
            }

        .semi-table-tbody > .semi-table-row-section .semi-table-section-inner {
            display: inline-flex;
            align-items: center
        }

.semi-table-virtualized .semi-table-tbody {
    display: block
}

    .semi-table-virtualized .semi-table-tbody > .semi-table-row {
        display: flex
    }

        .semi-table-virtualized .semi-table-tbody > .semi-table-row > .semi-table-row-cell {
            word-wrap: unset;
            word-break: unset;
            white-space: nowrap;
            display: inline-flex;
            align-items: center;
            overflow: hidden
        }

    .semi-table-virtualized .semi-table-tbody > .semi-table-row-section > .semi-table-row-cell {
        padding-top: 16px;
        padding-bottom: 16px;
        display: flex
    }

    .semi-table-virtualized .semi-table-tbody > .semi-table-row-expand > .semi-table-row-cell {
        padding: 0;
        overflow: unset
    }

.semi-table-footer {
    background-color: var(--semi-color-fill-0);
    padding: 16px;
    margin: 0;
    position: relative
}

.semi-table .semi-table-selection-wrap {
    display: inline-flex;
    vertical-align: bottom
}

.semi-table .semi-table-selection-disabled {
    cursor: not-allowed
}

    .semi-table .semi-table-selection-disabled > .semi-checkbox {
        pointer-events: none
    }

.semi-table .semi-table-column-hidden {
    display: none
}

.semi-table .semi-table-column-selection {
    text-align: center
}

    .semi-table .semi-table-column-selection .semi-checkbox-inner-display .semi-icon {
        left: 0;
        top: 0
    }

.semi-table .semi-table-column-expand .semi-table-expand-icon {
    transform: translateY(2px)
}

    .semi-table .semi-table-column-expand .semi-table-expand-icon:last-child {
        margin-right: 0
    }

.semi-table .semi-table-column-sorter {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    text-align: center
}

.semi-table .semi-table-column-sorter-wrapper {
    display: flex;
    gap: 4px;
    align-items: center;
    cursor: pointer;
    overflow: hidden
}

.semi-table .semi-table-column-sorter-up, .semi-table .semi-table-column-sorter-down {
    height: 0;
    display: block;
    color: var(--semi-color-text-2)
}

    .semi-table .semi-table-column-sorter-up:hover .anticon, .semi-table .semi-table-column-sorter-down:hover .anticon {
        color: var(--semi-color-text-2)
    }

    .semi-table .semi-table-column-sorter-up svg, .semi-table .semi-table-column-sorter-down svg {
        width: 16px;
        height: 16px
    }

    .semi-table .semi-table-column-sorter-up.on .semi-icon-caretup, .semi-table .semi-table-column-sorter-up.on .semi-icon-caretdown, .semi-table .semi-table-column-sorter-down.on .semi-icon-caretup, .semi-table .semi-table-column-sorter-down.on .semi-icon-caretdown {
        color: var(--semi-color-primary)
    }

.semi-table .semi-table-column-filter {
    margin-left: 4px;
    display: inline-flex;
    cursor: pointer;
    color: var(--semi-color-text-2);
    align-items: center
}

    .semi-table .semi-table-column-filter svg {
        width: 16px;
        height: 16px
    }

    .semi-table .semi-table-column-filter.on {
        color: var(--semi-color-primary)
    }

.semi-table-bordered .semi-table-title {
    padding-left: 16px;
    padding-right: 16px;
    border-top: 1px solid var(--semi-color-border);
    border-right: 1px solid var(--semi-color-border);
    border-left: 1px solid var(--semi-color-border)
}

.semi-table-bordered .semi-table-container {
    border: 1px solid var(--semi-color-border);
    border-right: 0;
    border-bottom: 0
}

.semi-table-bordered .semi-table-header::-webkit-scrollbar {
    border-right: 1px solid var(--semi-color-border)
}

.semi-table-bordered .semi-table-footer {
    border-left: 1px solid var(--semi-color-border);
    border-right: 1px solid var(--semi-color-border);
    border-bottom: 1px solid var(--semi-color-border)
}

.semi-table-bordered .semi-table-thead > .semi-table-row > .semi-table-row-head .react-resizable-handle {
    background-color: transparent
}

.semi-table-bordered .semi-table-thead > .semi-table-row > .semi-table-row-head, .semi-table-bordered .semi-table-tbody > .semi-table-row > .semi-table-row-cell {
    border-right: 1px solid var(--semi-color-border)
}

.semi-table-bordered .semi-table-placeholder {
    border-right: 1px solid var(--semi-color-border)
}

.semi-table-placeholder {
    position: sticky;
    left: 0;
    z-index: 1;
    padding: 16px 12px;
    color: var(--semi-color-text-2);
    font-size: 14px;
    text-align: center;
    background: transparent;
    border-bottom: 1px solid var(--semi-color-border)
}

.semi-table-fixed {
    table-layout: fixed;
    min-width: 100%
}

    .semi-table-fixed > .semi-table-tbody > .semi-table-row-expand > .semi-table-row-cell > .semi-table-expand-inner, .semi-table-fixed > .semi-table-tbody > .semi-table-row-section > .semi-table-row-cell > .semi-table-section-inner {
        position: sticky;
        overflow: auto;
        left: 0;
        margin-left: -16px;
        margin-right: -16px;
        padding-left: 16px;
        padding-right: 16px;
        height: 100%;
        display: flex;
        align-items: center
    }

.semi-table-fixed-header table {
    table-layout: fixed
}

.semi-table-scroll-position-left .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-left-last, .semi-table-scroll-position-left .semi-table-thead > .semi-table-row > .semi-table-cell-fixed-left-last {
    box-shadow: none
}

.semi-table-scroll-position-right .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-right-first, .semi-table-scroll-position-right .semi-table-thead > .semi-table-row > .semi-table-cell-fixed-right-first {
    box-shadow: none
}

.semi-table-pagination-outer {
    color: var(--semi-color-text-2);
    min-height: 60px
}

.semi-table-expand-icon {
    color: var(--semi-color-text-2);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    -webkit-user-select: none;
    user-select: none;
    background: transparent;
    position: relative;
    margin-right: 8px
}

.semi-table-expand-icon-cell {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.semi-table-expand-icon .semi-table-expandedIcon-show {
    transition: transform .15s cubic-bezier(.62,.05,.36,.95);
    transform: rotate(90deg)
}

.semi-table-expand-icon .semi-table-expandedIcon-hide {
    transition: transform .15s cubic-bezier(.62,.05,.36,.95);
    transform: rotate(0)
}

.semi-table-column-filter-dropdown .semi-dropdown-menu {
    max-height: 290px;
    overflow-y: auto
}

.semi-table-wrapper-rtl .semi-table {
    direction: rtl;
    text-align: right
}

.semi-table-wrapper-rtl .semi-table-align-left .semi-table-operate-wrapper {
    justify-content: flex-end
}

.semi-table-wrapper-rtl .semi-table-align-right .semi-table-operate-wrapper {
    justify-content: flex-start
}

.semi-table-wrapper-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head {
    text-align: right
}

    .semi-table-wrapper-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-left-last {
        border-right: 0;
        border-left: 1px solid var(--semi-color-border)
    }

        .semi-table-wrapper-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-left-last.resizing {
            border-left: 2px solid var(--semi-color-primary)
        }

    .semi-table-wrapper-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right-first {
        border-left: 0;
        border-right: 1px solid var(--semi-color-border)
    }

        .semi-table-wrapper-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right-first.resizing {
            border-left: 2px solid var(--semi-color-primary)
        }

        .semi-table-wrapper-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right-first[x-type=column-scrollbar] {
            box-shadow: none;
            border-right: transparent
        }

.semi-table-wrapper-rtl .semi-table-thead > .semi-table-row .resizing {
    border-left: 2px solid var(--semi-color-primary)
}

.semi-table-wrapper-rtl .semi-table-thead > .semi-table-row .react-resizable-handle {
    right: auto;
    left: -1px
}

.semi-table-wrapper-rtl .semi-table-tbody {
    display: table-row-group
}

    .semi-table-wrapper-rtl .semi-table-tbody > .semi-table-row > .semi-table-row-cell.resizing {
        border-right: 0;
        border-left: 2px solid var(--semi-color-primary)
    }

    .semi-table-wrapper-rtl .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-left-last {
        border-right: 0;
        border-left: 1px solid var(--semi-color-border)
    }

    .semi-table-wrapper-rtl .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-right-first {
        border-left: 0;
        border-right: 1px solid var(--semi-color-border)
    }

.semi-table-wrapper-rtl .semi-table .semi-table-column-selection .semi-checkbox-inner-display .semi-icon {
    left: auto;
    right: 0
}

.semi-table-wrapper-rtl .semi-table .semi-table-column-expand .semi-table-expand-icon {
    transform: scaleX(-1) translateY(2px)
}

    .semi-table-wrapper-rtl .semi-table .semi-table-column-expand .semi-table-expand-icon:last-child {
        margin-right: auto;
        margin-left: 0
    }

.semi-table-wrapper-rtl .semi-table .semi-table-column-sorter, .semi-table-wrapper-rtl .semi-table .semi-table-column-filter {
    margin-left: 0;
    margin-right: 4px
}

.semi-table-wrapper-rtl .semi-table-bordered .semi-table-container {
    border-left: 0;
    border-right: 1px solid var(--semi-color-border)
}

.semi-table-wrapper-rtl .semi-table-bordered .semi-table-thead > .semi-table-row > .semi-table-row-head, .semi-table-wrapper-rtl .semi-table-bordered .semi-table-tbody > .semi-table-row > .semi-table-row-cell {
    border-right: 0;
    border-left: 1px solid var(--semi-color-border)
}

.semi-table-wrapper-rtl .semi-table-bordered .semi-table-placeholder {
    border-left: 1px solid var(--semi-color-border);
    border-right: 0
}

.semi-table-wrapper-rtl .semi-table-bordered .semi-table-header::-webkit-scrollbar {
    border-right: 0;
    border-left: 1px solid var(--semi-color-border)
}

.semi-table-wrapper-rtl .semi-table-fixed > .semi-table-tbody > .semi-table-row-expand > .semi-table-row-cell > .semi-table-expand-inner, .semi-table-wrapper-rtl .semi-table-fixed > .semi-table-tbody > .semi-table-row-section > .semi-table-row-cell > .semi-table-section-inner {
    left: auto;
    right: 0;
    margin-right: -16px;
    margin-left: -16px;
    padding-right: 16px;
    padding-left: 16px
}

.semi-table-wrapper-rtl .semi-table-scroll-position-left .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-left-last, .semi-table-wrapper-rtl .semi-table-scroll-position-left .semi-table-thead > .semi-table-row > .semi-table-cell-fixed-left-last {
    box-shadow: 3px 0 0 0 var(--semi-color-shadow)
}

.semi-table-wrapper-rtl .semi-table-scroll-position-left .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-right-first, .semi-table-wrapper-rtl .semi-table-scroll-position-left .semi-table-thead > .semi-table-row > .semi-table-cell-fixed-right-first {
    box-shadow: none
}

.semi-table-wrapper-rtl .semi-table-scroll-position-right .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-left-last, .semi-table-wrapper-rtl .semi-table-scroll-position-right .semi-table-thead > .semi-table-row > .semi-table-cell-fixed-left-last {
    box-shadow: none
}

.semi-table-wrapper-rtl .semi-table-scroll-position-right .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-right-first, .semi-table-wrapper-rtl .semi-table-scroll-position-right .semi-table-thead > .semi-table-row > .semi-table-cell-fixed-right-first {
    box-shadow: -3px 0 0 0 var(--semi-color-shadow)
}

.semi-table-wrapper-rtl .semi-table-expand-icon {
    margin-right: auto;
    margin-left: 8px;
    transform: scaleX(-1) translateY(2px)
}

.semi-table-wrapper-rtl .semi-spin {
    direction: rtl
}

.semi-empty {
    display: flex
}

.semi-empty-image {
    display: flex;
    justify-content: center;
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    pointer-events: none
}

.semi-empty-vertical {
    align-items: center;
    flex-direction: column
}

    .semi-empty-vertical .semi-empty-content {
        margin-top: 24px
    }

    .semi-empty-vertical .semi-empty-title, .semi-empty-vertical .semi-empty-description {
        text-align: center
    }

.semi-empty-horizontal .semi-empty-content {
    margin-left: 32px
}

.semi-empty-title.semi-typography {
    display: block;
    font-weight: 600
}

.semi-empty-title + .semi-empty-description {
    margin-top: 16px
}

.semi-empty-description {
    color: var(--semi-color-text-1)
}

.semi-empty-footer {
    margin-top: 24px
}

.semi-rtl .semi-empty, .semi-portal-rtl .semi-empty {
    direction: rtl
}

.semi-rtl .semi-empty-horizontal .semi-empty-content, .semi-portal-rtl .semi-empty-horizontal .semi-empty-content {
    margin-left: auto;
    margin-right: 32px
}

.semi-popconfirm {
    box-sizing: border-box;
    max-width: 400px
}

.semi-popconfirm-inner {
    display: flex;
    flex-direction: column;
    padding: 24px 24px 24px 20px;
    position: relative
}

.semi-popconfirm-header {
    display: flex;
    justify-content: flex-start
}

.semi-popconfirm-header-title {
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 22px;
    font-weight: 600;
    margin-bottom: 8px;
    color: var(--semi-color-text-0)
}

.semi-popconfirm-header-icon {
    width: 24px;
    height: 24px;
    margin-right: 12px
}

.semi-popconfirm-header .semi-icon-alert_triangle {
    color: var(--semi-color-warning)
}

.semi-popconfirm-header-body {
    display: inline-flex;
    flex-grow: 1;
    flex-direction: column
}

.semi-popconfirm-body {
    color: var(--semi-color-text-2)
}

.semi-popconfirm-body-withIcon {
    margin-left: 36px
}

.semi-popconfirm-body > p {
    margin: 0;
    padding: 0
}

.semi-popconfirm-footer {
    margin-top: 25px;
    display: flex;
    justify-content: flex-end
}

    .semi-popconfirm-footer > .semi-button:first-child:not(:last-child) {
        margin-right: 8px
    }

.semi-popconfirm-popover {
    border-radius: var(--semi-border-radius-medium)
}

.semi-popover-with-arrow .semi-popconfirm-inner {
    padding: 12px 12px 12px 8px
}

.semi-popconfirm-rtl {
    direction: rtl
}

    .semi-popconfirm-rtl .semi-popconfirm-inner {
        padding: 24px 20px 24px 24px
    }

    .semi-popconfirm-rtl .semi-popconfirm-header {
        margin-right: 0
    }

    .semi-popconfirm-rtl .semi-popconfirm-header-icon {
        margin-right: 0;
        margin-left: 12px
    }

    .semi-popconfirm-rtl .semi-popconfirm-footer {
        justify-content: flex-end
    }

        .semi-popconfirm-rtl .semi-popconfirm-footer > .semi-button:first-child:not(:last-child) {
            margin-right: 0;
            margin-left: 8px
        }

.semi-popover-with-arrow.semi-popconfirm-rtl {
    direction: rtl
}

    .semi-popover-with-arrow.semi-popconfirm-rtl .semi-popconfirm-inner {
        padding: 12px 8px 12px 12px
    }

.semi-sidesheet {
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    position: fixed;
    margin: 0;
    top: 0;
    left: 0;
    height: 100%
}

.semi-sidesheet-inner:focus, .semi-sidesheet-content:focus {
    outline: none
}

.semi-sidesheet-inner-wrap {
    position: absolute
}

.semi-sidesheet-left, .semi-sidesheet-right {
    top: 0;
    width: 0%;
    height: 100%
}

    .semi-sidesheet-left .semi-sidesheet-inner-wrap, .semi-sidesheet-right .semi-sidesheet-inner-wrap {
        height: 100%
    }

    .semi-sidesheet-left.semi-sidesheet, .semi-sidesheet-right.semi-sidesheet {
        width: 100%
    }

    .semi-sidesheet-right, .semi-sidesheet-right .semi-sidesheet-inner-wrap {
        right: 0
    }

.semi-sidesheet-top, .semi-sidesheet-bottom {
    left: 0;
    width: 100%;
    height: 0%
}

    .semi-sidesheet-top .semi-sidesheet-inner-wrap, .semi-sidesheet-bottom .semi-sidesheet-inner-wrap {
        width: 100%
    }

    .semi-sidesheet-top.semi-sidesheet, .semi-sidesheet-bottom.semi-sidesheet {
        height: 100%
    }

.semi-sidesheet-top {
    top: 0
}

.semi-sidesheet-bottom, .semi-sidesheet-bottom .semi-sidesheet-inner-wrap {
    bottom: 0
}

.semi-sidesheet-title {
    flex: 1 0 auto;
    margin: 0;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 24px;
    font-weight: 600;
    font-size: 16px;
    color: var(--semi-color-text-0);
    text-align: left
}

.semi-sidesheet-inner {
    z-index: 1;
    overflow: auto;
    background-color: var(--semi-color-bg-2);
    border: 0
}

.semi-sidesheet-header {
    display: flex;
    align-items: flex-start;
    padding: 24px 24px 20px;
    border-bottom: 0px solid var(--semi-color-border)
}

.semi-sidesheet-body {
    padding: 0 24px;
    flex: 1;
    overflow: auto
}

.semi-sidesheet-size-small {
    width: 448px
}

.semi-sidesheet-size-medium {
    width: 684px
}

.semi-sidesheet-size-large {
    width: 920px
}

.semi-sidesheet-size-small.semi-sidesheet {
    width: 448px
}

.semi-sidesheet-size-medium.semi-sidesheet {
    width: 684px
}

.semi-sidesheet-size-large.semi-sidesheet {
    width: 920px
}

.semi-sidesheet-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    overflow: hidden
}

.semi-sidesheet-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--semi-color-overlay-bg);
    opacity: 1
}

.semi-sidesheet-mask-hidden {
    opacity: 0;
    display: none
}

.semi-sidesheet-footer {
    padding: 24px
}

@keyframes semi-sidesheet-slideShow_top {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes semi-sidesheet-slideHide_top {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes semi-sidesheet-slideShow_bottom {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes semi-sidesheet-slideHide_bottom {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes semi-sidesheet-slideShow_left {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes semi-sidesheet-slideHide_left {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

@keyframes semi-sidesheet-slideShow_right {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes semi-sidesheet-slideHide_right {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(100%)
    }
}

@keyframes semi-sidesheet-opacityShow {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes semi-sidesheet-opacityHide {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.semi-sidesheet-animation-content_show_top {
    animation: semi-sidesheet-slideShow_top .18s cubic-bezier(.25,.46,.45,.94) 0ms;
    animation-fill-mode: forwards
}

.semi-sidesheet-animation-content_hide_top {
    animation: semi-sidesheet-slideHide_top .18s cubic-bezier(.25,.46,.45,.94) 0ms;
    animation-fill-mode: forwards
}

.semi-sidesheet-animation-content_show_bottom {
    animation: semi-sidesheet-slideShow_bottom .18s cubic-bezier(.25,.46,.45,.94) 0ms;
    animation-fill-mode: forwards
}

.semi-sidesheet-animation-content_hide_bottom {
    animation: semi-sidesheet-slideHide_bottom .18s cubic-bezier(.25,.46,.45,.94) 0ms;
    animation-fill-mode: forwards
}

.semi-sidesheet-animation-content_show_left {
    animation: semi-sidesheet-slideShow_left .18s cubic-bezier(.25,.46,.45,.94) 0ms;
    animation-fill-mode: forwards
}

.semi-sidesheet-animation-content_hide_left {
    animation: semi-sidesheet-slideHide_left .18s cubic-bezier(.25,.46,.45,.94) 0ms;
    animation-fill-mode: forwards
}

.semi-sidesheet-animation-content_show_right {
    animation: semi-sidesheet-slideShow_right .18s cubic-bezier(.25,.46,.45,.94) 0ms;
    animation-fill-mode: forwards
}

.semi-sidesheet-animation-content_hide_right {
    animation: semi-sidesheet-slideHide_right .18s cubic-bezier(.25,.46,.45,.94) 0ms;
    animation-fill-mode: forwards
}

.semi-sidesheet-animation-mask_show {
    animation: semi-sidesheet-opacityShow .18s cubic-bezier(.25,.46,.45,.94) 0ms;
    animation-fill-mode: forwards
}

.semi-sidesheet-animation-mask_hide {
    animation: semi-sidesheet-opacityHide .18s cubic-bezier(.25,.46,.45,.94) 0ms;
    animation-fill-mode: forwards
}

.semi-sidesheet-fixed .semi-sidesheet-inner {
    box-shadow: var(--semi-shadow-elevated)
}

.semi-sidesheet-fixed.semi-sidesheet-left, .semi-sidesheet-fixed.semi-sidesheet-left .semi-sidesheet-inner {
    left: 0
}

.semi-sidesheet-fixed.semi-sidesheet-right {
    left: auto
}

    .semi-sidesheet-fixed.semi-sidesheet-right .semi-sidesheet-inner {
        right: 0
    }

.semi-sidesheet-fixed.semi-sidesheet-top, .semi-sidesheet-fixed.semi-sidesheet-bottom {
    height: auto
}

.semi-sidesheet-fixed.semi-sidesheet-bottom {
    top: auto
}

    .semi-sidesheet-fixed.semi-sidesheet-bottom .semi-sidesheet-inner {
        bottom: 0
    }

.semi-sidesheet.semi-sidesheet-popup {
    position: absolute
}

.semi-sidesheet-hidden {
    display: none
}

.semi-sidesheet-rtl .semi-sidesheet-inner {
    direction: rtl
}

.semi-sidesheet-rtl .semi-sidesheet-title {
    text-align: right
}

.semi-descriptions {
    line-height: 20px
}

    .semi-descriptions table, .semi-descriptions tr, .semi-descriptions th, .semi-descriptions td {
        margin: 0;
        padding: 0;
        border: 0
    }

    .semi-descriptions th {
        padding-right: 24px
    }

    .semi-descriptions .semi-descriptions-item {
        margin: 0;
        padding-bottom: 12px;
        text-align: left;
        vertical-align: top
    }

.semi-descriptions-key {
    font-weight: 400;
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    min-height: 14px;
    white-space: nowrap;
    color: var(--semi-color-text-2)
}

.semi-descriptions-value {
    font-weight: 400;
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    color: var(--semi-color-text-0)
}

.semi-descriptions-center .semi-descriptions-item-th {
    text-align: right
}

.semi-descriptions-center .semi-descriptions-item-td, .semi-descriptions-left .semi-descriptions-item-th, .semi-descriptions-left .semi-descriptions-item-td, .semi-descriptions-justify .semi-descriptions-item-th {
    text-align: left
}

.semi-descriptions-justify .semi-descriptions-item-td {
    text-align: right
}

.semi-descriptions-plain .semi-descriptions-key, .semi-descriptions-plain .semi-descriptions-value {
    display: inline-block
}

.semi-descriptions-plain .semi-descriptions-value {
    padding-left: 8px
}

    .semi-descriptions-plain .semi-descriptions-value .semi-tag {
        vertical-align: middle
    }

.semi-descriptions-double tbody {
    display: flex;
    flex-wrap: wrap
}

.semi-descriptions-double tr {
    display: inline-flex;
    flex-direction: column
}

.semi-descriptions-double .semi-descriptions-item {
    padding: 0;
    flex: 1
}

.semi-descriptions-double .semi-descriptions-value {
    font-weight: 600
}

.semi-descriptions-double-small .semi-descriptions-item {
    padding-right: 48px
}

.semi-descriptions-double-small .semi-descriptions-key {
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 16px;
    padding-bottom: 0;
    font-size: 12px
}

.semi-descriptions-double-small .semi-descriptions-value {
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 22px;
    font-size: 14px
}

.semi-descriptions-double-medium .semi-descriptions-item {
    padding-right: 60px
}

.semi-descriptions-double-medium .semi-descriptions-key {
    padding-bottom: 4px;
    font-size: 14px
}

.semi-descriptions-double-medium .semi-descriptions-value {
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 28px;
    font-size: 20px
}

.semi-descriptions-double-large .semi-descriptions-item {
    padding-right: 80px
}

.semi-descriptions-double-large .semi-descriptions-key {
    padding-bottom: 4px;
    font-size: 14px
}

.semi-descriptions-double-large .semi-descriptions-value {
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 40px;
    font-size: 28px
}

.semi-descriptions-horizontal table {
    table-layout: fixed
}

.semi-descriptions-horizontal table, .semi-descriptions-horizontal tbody {
    width: 100%
}

.semi-descriptions-horizontal .semi-descriptions-item {
    flex: 0
}

.semi-rtl .semi-descriptions, .semi-portal-rtl .semi-descriptions {
    direction: rtl
}

    .semi-rtl .semi-descriptions th, .semi-portal-rtl .semi-descriptions th {
        direction: rtl;
        padding-right: 0;
        padding-left: 24px
    }

    .semi-rtl .semi-descriptions .semi-descriptions-item, .semi-portal-rtl .semi-descriptions .semi-descriptions-item {
        text-align: right
    }

.semi-rtl .semi-descriptions-center .semi-descriptions-item-th, .semi-portal-rtl .semi-descriptions-center .semi-descriptions-item-th {
    text-align: left
}

.semi-rtl .semi-descriptions-center .semi-descriptions-item-td, .semi-portal-rtl .semi-descriptions-center .semi-descriptions-item-td {
    text-align: right
}

.semi-rtl .semi-descriptions-left .semi-descriptions-item-th, .semi-rtl .semi-descriptions-left .semi-descriptions-item-td, .semi-portal-rtl .semi-descriptions-left .semi-descriptions-item-th, .semi-portal-rtl .semi-descriptions-left .semi-descriptions-item-td {
    text-align: left
}

.semi-rtl .semi-descriptions-justify .semi-descriptions-item-th, .semi-portal-rtl .semi-descriptions-justify .semi-descriptions-item-th {
    text-align: right
}

.semi-rtl .semi-descriptions-justify .semi-descriptions-item-td, .semi-portal-rtl .semi-descriptions-justify .semi-descriptions-item-td {
    text-align: left
}

.semi-rtl .semi-descriptions-plain .semi-descriptions-key, .semi-rtl .semi-descriptions-plain .semi-descriptions-value, .semi-portal-rtl .semi-descriptions-plain .semi-descriptions-key, .semi-portal-rtl .semi-descriptions-plain .semi-descriptions-value {
    display: inline-block
}

.semi-rtl .semi-descriptions-plain .semi-descriptions-value, .semi-portal-rtl .semi-descriptions-plain .semi-descriptions-value {
    padding-left: 0;
    padding-right: 8px
}

    .semi-rtl .semi-descriptions-plain .semi-descriptions-value .semi-tag, .semi-portal-rtl .semi-descriptions-plain .semi-descriptions-value .semi-tag {
        vertical-align: middle
    }

.semi-rtl .semi-descriptions-double, .semi-portal-rtl .semi-descriptions-double {
    direction: rtl
}

    .semi-rtl .semi-descriptions-double .semi-descriptions-item, .semi-portal-rtl .semi-descriptions-double .semi-descriptions-item {
        text-align: right
    }

.semi-rtl .semi-descriptions-double-small .semi-descriptions-item, .semi-portal-rtl .semi-descriptions-double-small .semi-descriptions-item {
    padding-right: 0;
    padding-left: 48px
}

.semi-rtl .semi-descriptions-double-medium .semi-descriptions-item, .semi-portal-rtl .semi-descriptions-double-medium .semi-descriptions-item {
    padding-right: 0;
    padding-left: 60px
}

.semi-rtl .semi-descriptions-double-large .semi-descriptions-item, .semi-portal-rtl .semi-descriptions-double-large .semi-descriptions-item {
    padding-right: 0;
    padding-left: 80px
}

.semi-image {
    border-radius: var(--semi-border-radius-small);
    position: relative;
    display: inline-block;
    overflow: hidden
}

.semi-image-img {
    vertical-align: top;
    border-radius: inherit;
    -webkit-user-select: none;
    user-select: none
}

.semi-image-img-preview {
    cursor: zoom-in
}

.semi-image-img-error {
    opacity: 0
}

.semi-image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.semi-image-status {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--semi-border-radius-small);
    background-color: var(--semi-color-fill-0);
    color: var(--semi-color-disabled-text)
}

.semi-image-preview {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1070;
    background-color: var(--semi-color-overlay-bg);
    transition: opacity .5s;
    overflow: hidden
}

.semi-image-preview-popup {
    position: absolute
}

.semi-image-preview .semi-image-preview-hide {
    opacity: 0
}

.semi-image-preview-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #000000bf;
    cursor: pointer;
    color: var(--semi-color-white)
}

.semi-image-preview-prev {
    left: 24px
}

.semi-image-preview-next {
    right: 24px
}

.semi-image-preview-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    font-weight: 400;
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    color: var(--semi-color-white);
    height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 24px;
    z-index: 1;
    pointer-events: none
}

.semi-image-preview-header-title {
    flex: 1
}

.semi-image-preview-header-close {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    pointer-events: auto
}

    .semi-image-preview-header-close:hover {
        background-color: #000000bf
    }

.semi-image-preview-footer {
    display: flex;
    align-items: center
}

.semi-image-preview-footer-content {
    padding: 0 16px;
    background: #000000bf;
    border-radius: var(--semi-border-radius-medium);
    height: 48px
}

.semi-image-preview-footer-wrapper {
    position: absolute;
    left: 50%;
    bottom: 16px;
    transform: translate(-50%)
}

.semi-image-preview-footer-page {
    -webkit-user-select: none;
    user-select: none;
    color: var(--semi-color-white);
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 22px;
    margin: 0 12px
}

.semi-image-preview-footer .semi-icon {
    color: var(--semi-color-white);
    cursor: pointer
}

.semi-image-preview-footer-gap {
    margin-left: 16px
}

.semi-image-preview-footer .semi-slider {
    width: 132px;
    padding: 0 16px
}

    .semi-image-preview-footer .semi-slider .semi-slider-rail {
        color: var(--semi-color-white);
        height: 2px
    }

    .semi-image-preview-footer .semi-slider .semi-slider-track {
        height: 2px
    }

    .semi-image-preview-footer .semi-slider .semi-slider-handle {
        width: 16px;
        height: 16px;
        margin-top: 8px;
        box-sizing: border-box
    }

.semi-image-preview-footer .semi-divider {
    background: #ffffff80;
    margin: 0 16px
}

.semi-image-preview-footer .semi-image-preview-footer-disabled {
    color: #f9f9f959;
    cursor: default;
    pointer-events: none
}

.semi-image-preview-image {
    position: relative;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.semi-image-preview-image-img {
    position: absolute;
    transform: scaleZ(1) var(--semi-transform-rotate-none);
    z-index: 0;
    -webkit-user-select: none;
    user-select: none
}

.semi-image-preview-image-spin {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

    .semi-image-preview-image-spin .semi-spin-wrapper {
        color: #ccc
    }

@keyframes spinner {
    to {
        transform: var(--semi-transform_rotate-clockwise360deg)
    }
}

img[src=""], img:not([src]) {
    opacity: 0
}

.semi-rtl .semi-image-preview, .semi-portal-rtl .semi-image-preview, .semi-rtl .semi-image-preview-group, .semi-portal-rtl .semi-image-preview-group {
    direction: rtl
}

.semi-rtl .semi-image-preview-prev, .semi-portal-rtl .semi-image-preview-prev {
    right: 24px;
    left: auto;
    transform: var(--semi-transform_rotate-clockwise180deg)
}

.semi-rtl .semi-image-preview-next, .semi-portal-rtl .semi-image-preview-next {
    left: 24px;
    right: auto;
    transform: var(--semi-transform_rotate-clockwise180deg)
}

.semi-rtl .semi-image-preview-footer-page, .semi-portal-rtl .semi-image-preview-footer-page {
    display: flex;
    direction: rtl
}

.semi-rtl .semi-image-preview-footer-gap, .semi-portal-rtl .semi-image-preview-footer-gap {
    margin-right: 16px;
    margin-left: 0
}

.semi-rtl .semi-image-preview-footer .semi-icon-chevron_left, .semi-portal-rtl .semi-image-preview-footer .semi-icon-chevron_left, .semi-rtl .semi-image-preview-footer .semi-icon-chevron_right, .semi-portal-rtl .semi-image-preview-footer .semi-icon-chevron_right {
    transform: var(--semi-transform_rotate-clockwise180deg)
}

.semi-timeline {
    margin: 0;
    padding: 8px;
    width: 100%;
    list-style: none
}

.semi-timeline-item {
    position: relative;
    margin: 0;
    padding: 0 0 24px;
    list-style: none
}

.semi-timeline-item-tail {
    position: absolute;
    top: 20px;
    left: 4px;
    height: calc(100% - 20px);
    border-left: 1px solid var(--semi-color-border)
}

.semi-timeline-item-head {
    position: absolute;
    top: 5px;
    width: 9px;
    height: 9px;
    border-radius: var(--semi-border-radius-circle)
}

.semi-timeline-item-head-ongoing {
    background-color: var(--semi-color-primary)
}

.semi-timeline-item-head-default {
    background-color: var(--semi-color-tertiary-light-active)
}

.semi-timeline-item-head-success {
    background-color: var(--semi-color-success)
}

.semi-timeline-item-head-warning {
    background-color: var(--semi-color-warning)
}

.semi-timeline-item-head-error {
    background-color: var(--semi-color-danger)
}

.semi-timeline-item-head-custom {
    position: absolute;
    display: flex;
    align-self: center;
    top: 10px;
    left: 5px;
    width: auto;
    height: auto;
    border: 0;
    border-radius: 0;
    transform: translate(-50%,-50%)
}

.semi-timeline-item .semi-timeline-item-head-custom.semi-timeline-item-head-ongoing {
    background-color: transparent;
    color: var(--semi-color-primary)
}

.semi-timeline-item .semi-timeline-item-head-custom.semi-timeline-item-head-success {
    background-color: transparent;
    color: var(--semi-color-success)
}

.semi-timeline-item .semi-timeline-item-head-custom.semi-timeline-item-head-warning {
    background-color: transparent;
    color: var(--semi-color-warning)
}

.semi-timeline-item .semi-timeline-item-head-custom.semi-timeline-item-head-error {
    background-color: transparent;
    color: var(--semi-color-danger)
}

.semi-timeline-item .semi-timeline-item-head-custom.semi-timeline-item-head-default {
    background-color: transparent;
    color: var(--semi-color-tertiary-light-active)
}

.semi-timeline-item-content {
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    position: relative;
    margin: 0 0 0 25px;
    word-break: break-word;
    color: var(--semi-color-text-0)
}

.semi-timeline-item-content-extra, .semi-timeline-item-content-time {
    font-size: 12px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 16px;
    color: var(--semi-color-text-2);
    margin-top: 4px
}

.semi-timeline-item:last-child > .semi-timeline-item-tail {
    border-left: none
}

.semi-timeline-alternate .semi-timeline-item-tail, .semi-timeline-alternate .semi-timeline-item-head, .semi-timeline-alternate .semi-timeline-item-head-custom, .semi-timeline-right .semi-timeline-item-tail, .semi-timeline-right .semi-timeline-item-head, .semi-timeline-right .semi-timeline-item-head-custom, .semi-timeline-center .semi-timeline-item-tail, .semi-timeline-center .semi-timeline-item-head, .semi-timeline-center .semi-timeline-item-head-custom {
    left: 50%
}

    .semi-timeline-alternate .semi-timeline-item-head.semi-timeline-item-head-custom, .semi-timeline-right .semi-timeline-item-head.semi-timeline-item-head-custom, .semi-timeline-center .semi-timeline-item-head.semi-timeline-item-head-custom {
        margin-left: 0
    }

.semi-timeline-alternate .semi-timeline-item-head, .semi-timeline-right .semi-timeline-item-head, .semi-timeline-center .semi-timeline-item-head {
    margin-left: -4px
}

.semi-timeline-alternate .semi-timeline-item-left .semi-timeline-item-content, .semi-timeline-right .semi-timeline-item-left .semi-timeline-item-content, .semi-timeline-center .semi-timeline-item-left .semi-timeline-item-content {
    left: calc(50% - 4px);
    width: calc(50% - 14px);
    text-align: left
}

.semi-timeline-alternate .semi-timeline-item-right .semi-timeline-item-content, .semi-timeline-right .semi-timeline-item-right .semi-timeline-item-content, .semi-timeline-center .semi-timeline-item-right .semi-timeline-item-content {
    width: calc(50% - 20px);
    margin: 0;
    text-align: right
}

.semi-timeline-center .semi-timeline-item-content-time {
    position: absolute;
    top: -2px;
    margin-left: calc(-40px - 100%);
    width: 100%;
    text-align: right
}

.semi-timeline-right .semi-timeline-item-right .semi-timeline-item-tail, .semi-timeline-right .semi-timeline-item-right .semi-timeline-item-head, .semi-timeline-right .semi-timeline-item-right .semi-timeline-item-head-custom {
    left: calc(100% - 9px)
}

.semi-timeline-right .semi-timeline-item-right .semi-timeline-item-content {
    width: calc(100% - 28px)
}

.semi-rtl .semi-timeline, .semi-portal-rtl .semi-timeline {
    direction: rtl
}

.semi-rtl .semi-timeline-item-tail, .semi-portal-rtl .semi-timeline-item-tail {
    left: auto;
    right: 4px;
    border-left: 0;
    border-right: 1px solid var(--semi-color-border)
}

.semi-rtl .semi-timeline-item-head-custom, .semi-portal-rtl .semi-timeline-item-head-custom {
    left: auto;
    right: 5px;
    transform: translate(50%,-50%)
}

.semi-rtl .semi-timeline-item-content, .semi-portal-rtl .semi-timeline-item-content {
    margin: 0 25px 0 0
}

.semi-rtl .semi-timeline-item:last-child .semi-timeline-item-tail, .semi-portal-rtl .semi-timeline-item:last-child .semi-timeline-item-tail {
    border-right: none
}

.semi-rtl .semi-timeline-alternate .semi-timeline-item-tail, .semi-rtl .semi-timeline-alternate .semi-timeline-item-head, .semi-rtl .semi-timeline-alternate .semi-timeline-item-head-custom, .semi-rtl .semi-timeline-right .semi-timeline-item-tail, .semi-rtl .semi-timeline-right .semi-timeline-item-head, .semi-rtl .semi-timeline-right .semi-timeline-item-head-custom, .semi-rtl .semi-timeline-center .semi-timeline-item-tail, .semi-rtl .semi-timeline-center .semi-timeline-item-head, .semi-rtl .semi-timeline-center .semi-timeline-item-head-custom, .semi-portal-rtl .semi-timeline-alternate .semi-timeline-item-tail, .semi-portal-rtl .semi-timeline-alternate .semi-timeline-item-head, .semi-portal-rtl .semi-timeline-alternate .semi-timeline-item-head-custom, .semi-portal-rtl .semi-timeline-right .semi-timeline-item-tail, .semi-portal-rtl .semi-timeline-right .semi-timeline-item-head, .semi-portal-rtl .semi-timeline-right .semi-timeline-item-head-custom, .semi-portal-rtl .semi-timeline-center .semi-timeline-item-tail, .semi-portal-rtl .semi-timeline-center .semi-timeline-item-head, .semi-portal-rtl .semi-timeline-center .semi-timeline-item-head-custom {
    left: auto;
    right: 50%
}

.semi-rtl .semi-timeline-alternate .semi-timeline-item-head, .semi-rtl .semi-timeline-right .semi-timeline-item-head, .semi-rtl .semi-timeline-center .semi-timeline-item-head, .semi-portal-rtl .semi-timeline-alternate .semi-timeline-item-head, .semi-portal-rtl .semi-timeline-right .semi-timeline-item-head, .semi-portal-rtl .semi-timeline-center .semi-timeline-item-head {
    margin-left: 0;
    margin-right: -4px
}

.semi-rtl .semi-timeline-alternate .semi-timeline-item-left .semi-timeline-item-content, .semi-rtl .semi-timeline-right .semi-timeline-item-left .semi-timeline-item-content, .semi-rtl .semi-timeline-center .semi-timeline-item-left .semi-timeline-item-content, .semi-portal-rtl .semi-timeline-alternate .semi-timeline-item-left .semi-timeline-item-content, .semi-portal-rtl .semi-timeline-right .semi-timeline-item-left .semi-timeline-item-content, .semi-portal-rtl .semi-timeline-center .semi-timeline-item-left .semi-timeline-item-content {
    left: auto;
    right: calc(50% - 4px);
    text-align: right
}

.semi-rtl .semi-timeline-alternate .semi-timeline-item-right .semi-timeline-item-content, .semi-rtl .semi-timeline-right .semi-timeline-item-right .semi-timeline-item-content, .semi-rtl .semi-timeline-center .semi-timeline-item-right .semi-timeline-item-content, .semi-portal-rtl .semi-timeline-alternate .semi-timeline-item-right .semi-timeline-item-content, .semi-portal-rtl .semi-timeline-right .semi-timeline-item-right .semi-timeline-item-content, .semi-portal-rtl .semi-timeline-center .semi-timeline-item-right .semi-timeline-item-content {
    text-align: left
}

.semi-rtl .semi-timeline-center .semi-timeline-item-content-time, .semi-portal-rtl .semi-timeline-center .semi-timeline-item-content-time {
    margin-left: 0;
    margin-right: calc(-40px - 100%);
    text-align: left
}

.semi-rtl .semi-timeline-right .semi-timeline-item-right .semi-timeline-item-tail, .semi-rtl .semi-timeline-right .semi-timeline-item-right .semi-timeline-item-head, .semi-rtl .semi-timeline-right .semi-timeline-item-right .semi-timeline-item-head-custom, .semi-portal-rtl .semi-timeline-right .semi-timeline-item-right .semi-timeline-item-tail, .semi-portal-rtl .semi-timeline-right .semi-timeline-item-right .semi-timeline-item-head, .semi-portal-rtl .semi-timeline-right .semi-timeline-item-right .semi-timeline-item-head-custom {
    left: 0;
    right: calc(100% - 9px)
}
